js 判断字符串包含某个字符串|极客笔记

js 判断字符串包含某个字符串

在日常的前端开发中，经常会遇到需要判断一个字符串是否包含另一个字符串的场景。这在处理表单验证、搜索功能、筛选等地方经常会用到。本文将详细介绍在JavaScript中如何判断一个字符串是否包含另一个字符串，以及相应的方法和示例代码。

1. includes() 方法

JavaScript中有一个内置的方法includes()可以用来判断一个字符串是否包含另一个字符串。includes()方法接收一个参数，即需要判断的子字符串，如果原字符串中包含了这个子字符串则返回true，否则返回false。includes()方法是ES6新增的，所以在使用之前需要确保你的项目支持ES6语法。

示例代码如下：

// 判断字符串是否包含子字符串
let str = 'Hello, world!';
let subStr = 'world';
let result = str.includes(subStr);

console.log(result); // true

2. indexOf() 方法

除了使用includes()方法外，我们还可以使用indexOf()方法来判断一个字符串是否包含另一个字符串。indexOf()方法会返回子字符串在原字符串中第一次出现的位置，如果找不到则返回-1。根据返回的值是否大于等于0来判断是否包含指定的子字符串。

示例代码如下：

// 使用indexOf()方法判断字符串是否包含子字符串
let str = 'Hello, world!';
let subStr = 'world';
let result = str.indexOf(subStr) >= 0;

console.log(result); // true

3. 正则表达式

另外一种判断字符串是否包含某个子字符串的方法是使用正则表达式。我们可以利用正则表达式的test()方法来判断字符串是否符合某个模式，从而间接判断字符串是否包含某个子字符串。

示例代码如下：

// 使用正则表达式判断字符串是否包含子字符串
let str = 'Hello, world!';
let subStr = 'world';
let reg = new RegExp(subStr);
let result = reg.test(str);

console.log(result); // true

4. 字符串切割

除了以上几种方法外，我们还可以通过字符串的切割来判断一个字符串是否包含另一个字符串。具体做法是将原字符串按照子字符串进行切割，如果切割后的数组长度大于1，则说明原字符串中包含了子字符串。

示例代码如下：

// 使用字符串切割判断字符串是否包含子字符串
let str = 'Hello, world!';
let subStr = 'world';
let result = str.split(subStr).length > 1;

console.log(result); // true

5. 性能对比

在实际开发中，我们需要考虑到代码的性能问题。对于判断字符串是否包含某个子字符串，includes()方法的性能是最优的，其次是indexOf()方法。正则表达式和字符串切割方法相对而言性能较差，不建议在大量数据下使用。

下面是一个性能对比的示例代码，使用performance.now()方法来计算各种方法的执行时间：

// 性能对比
let str = 'Hello, world!';
let subStr = 'world';

// includes()方法
let start1 = performance.now();
let result1 = str.includes(subStr);
let end1 = performance.now();
console.log('includes 方法耗时：', end1 - start1, 'ms');

// indexOf()方法
let start2 = performance.now();
let result2 = str.indexOf(subStr) >= 0;
let end2 = performance.now();
console.log('indexOf 方法耗时：', end2 - start2, 'ms');

// 正则表达式
let start3 = performance.now();
let reg = new RegExp(subStr);
let result3 = reg.test(str);
let end3 = performance.now();
console.log('正则表达式耗时：', end3 - start3, 'ms');

// 字符串切割
let start4 = performance.now();
let result4 = str.split(subStr).length > 1;
let end4 = performance.now();
console.log('字符串切割耗时：', end4 - start4, 'ms');