在 JavaScript 中,你可以使用 .includes() 方法查看是否在另一个字符串中找到了一个字符串。但它究竟是如何运行的呢?

在本文中,我将向你介绍一些 JavaScript 字符串 .includes() 方法的代码示例。

基本的 .includes() 语法

以下是 .includes() 方法的基本语法:

str.includes(search-string, optional-position)

search-string 参数表示你要在 str 中搜索的字符串。

position 参数是一个可选数字,表示在 str 中搜索的起始位置。如果省略 position 参数,则默认值为零。

如果找到 search-string,则它将返回 true。如果未找到 search-string,则它将返回 false

include 方法的代码示例

在第一个示例中,我们有句子 “I love freeCodeCamp”。我们想看看那句话中是否包含 “love” 这个词。

在代码中,str 是 “I love freeCodeCamp”,search-string 是 “love”。

"I love freeCodeCamp".includes("love")

由于 str 中包含单词 “love”,因此代码将返回 true

Screen-Shot-2021-11-04-at-9.35.42-PM

.includes() 方法是否区分大小写

如果我们将 str 修改为 “I LOVE freeCodeCamp”,并且 search-string 仍然是 “love”,则返回值将为 false

"I LOVE freeCodeCamp".includes('love')
Screen-Shot-2021-11-04-at-9.40.56-PM

返回值是 false,因为 .includes() 方法区分大小写。“LOVE” 与 “love” 不一样。

如何使用可选的 position 参数

我们将修改示例以使用 position 参数。我们现在想要检查当搜索从位置 1 开始时是否在 “I love freeCodeCamp” 中找到了 “love”。

请记住,字符串使用从零开始的索引,这意味着第一个字母 “I” 是索引 0。

我们的代码将返回 true,因为当我们从位置 1 开始搜索时,单词 “love” 直到位置 2 才会出现,因此它完全包含在字符串中。

从位置 1 开始到句子末尾包括了这些字符和空格。

" love freeCodeCamp"

请记住,字符串中的空格也有索引值。

这就是我们使用 position 参数的代码的样子。

"I love freeCodeCamp".includes('love', 1)
Screen-Shot-2021-11-04-at-9.55.34-PM

如果我们将 position 更改为 3,则返回值为 false

"I love freeCodecamp".includes('love', 3)
Screen-Shot-2021-11-04-at-10.06.30-PM

这将返回 false,因为位置 3 是字母 “o”。

从位置 3 到句子末尾包括了这些字符和空格。

"ove freeCodeCamp"

你可以看到该字符串中不存在(整个)单词 “love”。

小结

在 JavaScript 中,你可以使用 .includes() 方法查看是否在另一个字符串中找到了一个字符串。

这是 .includes() 方法的基本语法。

str.includes(search-string, optional-position)

如果找到 search-string,则它将返回 true。如果未找到 search-string,则它将返回 false

.includes() 方法区分大小写,这意味着如果 search-stringstr 中的确切大小写不匹配,则它将返回 false

position 参数是 str 中起始搜索位置的可选数字。如果省略 position 参数,则默认值为零。

我希望你喜欢这篇关于 .includes() 方法的文章,并祝你在 JavaScript 之旅中好运。

原文:JavaScript String Contains – How to use JS .includes(),作者:Jessica Wilkins