js 字符串包含某个字符串|极客教程

js 字符串包含某个字符串

在 JavaScript 中，我们经常需要判断一个字符串是否包含另一个子字符串。这个功能在很多应用中都会用到，比如搜索框的自动补全功能、判断输入的密码是否符合要求等等。本文将详细介绍在 JavaScript 中如何判断一个字符串是否包含另一个字符串。

使用includes方法

JavaScript 提供了一个内置方法 includes() 来判断一个字符串是否包含另一个字符串。includes() 方法返回一个布尔值，表示原始字符串是否包含给定的字符串。

语法

str.includes(searchString[, position])

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

示例代码

const str = 'Hello, world!';
console.log(str.includes('Hello')); // true
console.log(str.includes('hello')); // false
console.log(str.includes('world', 7)); // true

在上面的示例中，我们声明了一个字符串变量 str，然后分别使用 includes() 方法来判断 str 是否包含不同的子字符串。第一次调用 includes('Hello') 返回 true，因为原始字符串中包含子字符串 'Hello'；第二次调用 includes('hello') 返回 false，因为 JavaScript 是区分大小写的；第三次调用 includes('world', 7) 返回 true，因为在指定位置后面的字符串中包含 'world'。

使用indexOf方法

除了使用 includes() 方法外，还可以使用 indexOf() 方法来判断一个字符串是否包含另一个子字符串。indexOf() 方法返回子字符串在原始字符串中首次出现的位置，如果未找到返回 -1。

语法

str.indexOf(searchValue[, fromIndex])

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

示例代码

const str = 'Hello, world!';
console.log(str.indexOf('Hello')); // 0
console.log(str.indexOf('hello')); // -1
console.log(str.indexOf('world', 7)); // 7

在上面的示例中，我们同样声明了一个字符串变量 str，然后分别使用 indexOf() 方法来找出子字符串在原始字符串中的位置。与 includes() 不同的是，indexOf() 返回的是子字符串在原始字符串中的索引位置。如果找不到子字符串，则返回 -1。

使用正则表达式

除了上述两种方法，我们还可以使用正则表达式来判断一个字符串是否包含另一个子字符串。正则表达式提供了更加灵活的匹配规则，适用于复杂的字符串判断需求。

示例代码

const str = 'Hello, world!';
const regex = /Hello/;
console.log(regex.test(str)); // true

const regex2 = /hello/;
console.log(regex2.test(str)); // false

在上面的示例中，我们声明了两个正则表达式 regex 和 regex2，分别用来判断原始字符串中是否包含 'Hello' 和 'hello'。通过调用 test() 方法，可以得到一个布尔值来表示原始字符串是否匹配正则表达式。

比较性能

在实际应用中，为了提高性能，我们需要考虑使用哪种方法来判断字符串包含关系。在绝大多数情况下，includes() 方法是最简单、最有效的方法，因为其内部实现是进行了优化的。而 indexOf() 方法的性能略低于 includes()，因为它需要遍历整个字符串来查找子字符串。正则表达式是最灵活的方法，但性能相对较低，适用于复杂的字符串匹配情况。