JS 判断字符串包含|极客笔记

JS 判断字符串包含

在 JavaScript 中，我们经常会遇到需要判断一个字符串是否包含某个子串的情况。这种需求在开发中是非常常见的，因此掌握如何在 JavaScript 中判断字符串包含是非常重要的。本文将详细介绍在 JavaScript 中判断字符串包含的方法和实例。

使用 includes() 方法

JavaScript 中的字符串对象有一个内置方法 includes()，可以用来检查一个字符串是否包含指定的子字符串。这个方法会返回一个布尔值，表示目标字符串是否包含所传入的子字符串。

语法

str.includes(searchString[, position])

searchString：要在当前字符串中搜索的子字符串。
position：可选参数，默认值为 0。开始搜索的位置。

示例

const str = 'Hello, world!';

console.log(str.includes('world')); // true
console.log(str.includes('Hello')); // true
console.log(str.includes('foo')); // false

在上面的示例中，我们使用 includes() 方法来检查字符串 str 是否包含特定的子字符串。根据输出，我们可以看到 includes() 方法返回的是布尔值。

使用 indexOf() 方法

除了 includes() 方法，JavaScript 中的字符串对象还有一个常用的方法 indexOf()，用来返回指定子字符串在当前字符串中第一次出现的位置。如果子串不存在，则返回 -1。

语法

str.indexOf(searchValue[, fromIndex])

searchValue：要在当前字符串中搜索的子字符串。
fromIndex：可选参数，默认值为 0。开始搜索的位置。

示例

const str = 'Hello, world!';

console.log(str.indexOf('world')); // 7
console.log(str.indexOf('Hello')); // 0
console.log(str.indexOf('foo')); // -1

在上面的示例中，我们使用 indexOf() 方法来查找指定的子字符串在字符串 str 中第一次出现的位置。当找到目标子字符串时，返回的是子字符串在字符串中的索引；当没有找到目标子字符串时，返回值为 -1。

使用正则表达式

除了上述两种方法外，我们还可以使用正则表达式来判断字符串是否包含某个子串，这种方式更加灵活和强大。

示例

const str = 'Hello, world!';

// 使用正则表达式检查是否包含 'Hello'
const regex = /Hello/;
console.log(regex.test(str)); // true

// 使用正则表达式检查是否包含 'foo'
const regex2 = /foo/;
console.log(regex2.test(str)); // false

在上面的示例中，我们创建了两个正则表达式 regex 和 regex2 分别用来检查字符串中是否包含 'Hello' 和 'foo'。通过调用 test() 方法，我们可以判断目标字符串是否匹配指定的正则表达式。

使用 ES6 的新特性

在 ES6 中，新增了一些语法糖，可以更加便捷地判断字符串包含。

使用 includes() 方法

除了字符串对象上的 includes() 方法外，ES6 中还引入了一个新的方法 Array.prototype.includes()，可以直接用于判断一个数组中是否包含某个元素。

const arr = ['apple', 'banana', 'orange'];

console.log(arr.includes('apple')); // true
console.log(arr.includes('grape')); // false

使用字符串模板

ES6 中还引入了字符串模板的概念，可以使用 ${} 来进行字符串的拼接，方便组合字符串和变量。

const name = 'Alice';
const greeting = `Hello, ${name}!`;

console.log(greeting); // Hello, Alice!

在上述示例中，我们使用 ${name} 将变量 name 的值嵌入到字符串中，从而得到一个新的字符串。

总结

在 JavaScript 中判断字符串包含可以使用多种方法，包括 includes() 方法、indexOf() 方法、正则表达式以及 ES6 中新增的语法糖。根据实际需求和代码风格，选择合适的方法来判断字符串是否包含某个子串。

JS 判断字符串包含