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

JS判断字符串是否包含

在JavaScript中，我们经常需要判断一个字符串是否包含另一个字符串。这个功能在实际开发中非常常见，比如搜索功能、过滤功能等等。本文将详细介绍在JavaScript中判断字符串是否包含的几种方法。

方法一：includes方法

JavaScript中的String对象提供了一个includes方法，用来判断一个字符串是否包含另一个字符串。这个方法返回一个布尔值，表示是否包含。

const str = 'Hello, World!';
const subStr = 'World';

console.log(str.includes(subStr)); // 结果为true

上面的示例中，我们先声明了一个字符串str，然后使用includes方法判断是否包含子字符串’World’，最终返回了true。

方法二：indexOf方法

除了使用includes方法外，我们还可以使用indexOf方法来判断一个字符串是否包含另一个字符串。这个方法会返回子字符串在原字符串中的位置，如果不包含则返回-1。

const str = 'Hello, World!';
const subStr = 'World';

console.log(str.indexOf(subStr) !== -1); // 结果为true

在这个示例中，我们使用indexOf方法判断子字符串’World’在原字符串中的位置，如果返回值不等于-1则表示包含，最终得到了true的结果。

方法三：正则表达式

除了上面两种方法外，我们还可以使用正则表达式来判断字符串是否包含另一个字符串。这种方法更加灵活，可以实现更复杂的匹配条件。

const str = 'Hello, World!';
const subStr = 'world';
const regExp = new RegExp(subStr, 'i'); // 不区分大小写

console.log(regExp.test(str)); // 结果为true

在这个示例中，我们使用正则表达式构造了一个匹配子字符串’world’的模式，并通过test方法来判断原字符串是否匹配成功，最终也得到了true的结果。

性能比较

在实际开发中，我们通常会关注不同方法的性能差异。通过简单的性能测试，我们可以了解到这三种方法的性能表现：

const str = 'Hello, World!';
const subStr = 'World';

console.time('includes');
for (let i = 0; i < 1000000; i++) {
  str.includes(subStr);
}
console.timeEnd('includes');

console.time('indexOf');
for (let i = 0; i < 1000000; i++) {
  str.indexOf(subStr) !== -1;
}
console.timeEnd('indexOf');

console.time('regex');
const regExp = new RegExp(subStr, 'i');
for (let i = 0; i < 1000000; i++) {
  regExp.test(str);
}
console.timeEnd('regex');

通过上面的性能测试，我们可以看到不同方法的性能表现。在一般情况下，includes方法的性能最好，其次是indexOf方法，正则表达式的性能相对较差。