js 判断字符串中是否包含某个字符串的实现代码

实现 JavaScript 判断一个字符串是否包含另一个字符串，我们可以使用 String 类型自带的 includes() 方法、indexOf() 方法和正则表达式，以下依次进行详细讲解和代码演示。

includes() 方法

includes() 方法用于判断一个字符串是否包含另一个字符串，返回值为布尔值。

语法：

str.includes(searchString[, position])

其中 searchString 参数表示要搜索的字符串，position 参数表示从哪个位置开始搜索，默认值为 0 。

示例一：

const str1 = 'hello world';
console.log(str1.includes('world'));    // true
console.log(str1.includes('hi'));       // false

以上代码中，我们通过 includes() 方法判断字符串 str1 是否包含子字符串 'world' 和 'hi' ，返回结果分别为 true 和 false 。

示例二：

const str2 = 'JavaScript is a programming language';
console.log(str2.includes('JavaScript', 0));    // true
console.log(str2.includes('language', 10));     // true
console.log(str2.includes('JavaScript', 20));   // false

以上代码中，我们自定义了 position 参数，并分别从三个不同位置开始搜索，判断字符串 str2 是否包含子字符串 'JavaScript' 和 'language' ，返回结果分别为 true、true 和 false 。

indexOf() 方法

indexOf() 方法也可用于判断一个字符串是否包含另一个字符串，返回值为子字符串在父字符串中的位置，若不存在则返回 -1 。

语法：

str.indexOf(searchValue[, fromIndex])

其中 searchValue 参数表示要搜索的字符串，fromIndex 参数表示从哪个位置开始搜索，默认值为 0 。

示例一：

const str1 = 'hello world';
console.log(str1.indexOf('world'));    // 6
console.log(str1.indexOf('hi'));       // -1

以上代码中，我们通过 indexOf() 方法判断字符串 str1 是否包含子字符串 'world' 和 'hi' ，返回结果分别为 6 和 -1 。

示例二：

const str2 = 'JavaScript is a programming language';
console.log(str2.indexOf('JavaScript', 0));    // 0
console.log(str2.indexOf('language', 10));     // 24
console.log(str2.indexOf('JavaScript', 20));   // -1

以上代码中，我们自定义了 fromIndex 参数，并分别从三个不同位置开始搜索，判断字符串 str2 是否包含子字符串 'JavaScript' 和 'language' ，返回结果分别为 0、24 和 -1 。

正则表达式

正则表达式也可以实现判断一个字符串是否包含另一个字符串的功能。

示例：

const str = 'hello world';
console.log(/world/.test(str));    // true
console.log(/hi/.test(str));       // false

以上代码中，我们使用正则表达式 /world/、/hi/ 分别判断字符串 str 是否包含子字符串 'world' 和 'hi' ，返回结果分别为 true 和 false 。

总结：

通过以上三种方式的代码实现，可以轻松地判断一个字符串是否包含另一个字符串。其中 includes() 方法和 indexOf() 方法更加推荐使用，它们比正则表达式更加简单和高效。