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

js中字符串包含某个字符串

在JavaScript中，我们经常需要判断一个字符串是否包含另一个字符串。这个操作通常需要使用字符串的includes()方法或者indexOf()方法来实现。在本文中，我们将详细介绍如何在JavaScript中判断一个字符串是否包含另一个字符串，并且讨论这两种方法的优缺点。

使用`includes()`方法判断字符串包含关系

includes()方法是ES6引入的新方法，用来判断一个字符串是否包含另一个字符串。它的语法如下：

str.includes(searchString[, position])

其中，searchString是要搜索的子字符串，position是可选参数，表示开始搜索的位置。如果找到了子字符串，includes()方法将返回true；如果没有找到，则返回false。下面是一个简单的示例：

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

在上面的示例中，我们首先创建了一个字符串str，然后使用includes()方法判断该字符串是否包含'Hello'和'foo'两个子字符串。从输出可以看出，第一个判断为true，第二个判断为false。

includes()方法非常简洁明了，适合在简单的情况下使用。但需要注意的是，它区分大小写，如果需要忽略大小写的情况，需要先将字符串都转换为小写或大写再进行比较。

使用`indexOf()`方法判断字符串包含关系

除了includes()方法外，我们还可以使用indexOf()方法来判断字符串包含关系。indexOf()方法返回子字符串在父字符串中第一次出现的位置，如果没有找到，则返回-1。它的语法如下：

str.indexOf(searchValue[, fromIndex])

其中，searchValue是要搜索的子字符串，fromIndex是可选参数，表示开始搜索的位置。下面是一个示例：

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

在上面的示例中，indexOf()方法和includes()方法的作用类似，都是判断一个字符串是否包含另一个字符串。但是indexOf()方法返回的是子字符串在父字符串中的位置，如果为-1，则表示不存在。

比较`includes()`和`indexOf()`方法的优缺点

虽然includes()和indexOf()方法都可以用来判断字符串包含关系，但它们各有优缺点。下面我们来比较一下这两种方法的优缺点：

`includes()`方法的优点

使用简单，直观易懂。
直接返回布尔值，适合用于条件判断。

`includes()`方法的缺点

不支持从指定位置开始搜索。
区分大小写，需要先进行转换才能忽略大小写。

`indexOf()`方法的优点

支持从指定位置开始搜索。
返回子字符串在父字符串中的位置，可以获得更多的信息。

`indexOf()`方法的缺点

返回的是位置信息，需要进一步判断是否包含。

根据以上比较，如果只是简单地判断字符串是否包含另一个字符串，推荐使用includes()方法；如果需要知道子字符串在父字符串中的位置，或者支持从指定位置开始搜索，可以使用indexOf()方法。

结语

在JavaScript中判断字符串是否包含另一个字符串是一个常见的操作。我们可以使用includes()方法或者indexOf()方法来实现这一功能，根据实际需求选择合适的方法。

js中字符串包含某个字符串