使用 ES7 中的 Array.prototype.includes() 在 JavaScript 中寻找字符串

阅读时长 4 分钟读完

在 JavaScript 中,寻找一个字符串是否在另一个字符串中出现是非常常见的操作。在 ES7 中,JavaScript 引入了一个新的方法 Array.prototype.includes(),可以非常方便地查找一个字符串是否在数组中出现。本文将介绍如何使用 Array.prototype.includes() 来查找字符串,并提供示例代码以及一些指导意义。

Array.prototype.includes() 简介

Array.prototype.includes() 是一个数组的实例方法,用于判断一个值是否在数组中。该方法返回一个布尔值,表示该值是否在数组中出现。该方法的语法格式如下:

其中,array 表示要进行查找的数组,valueToFind 表示要查找的值,fromIndex 表示开始查找的索引位置。如果 fromIndex 参数省略或为负数,则默认从数组的开头开始查找。如果 fromIndex 大于或等于数组长度,则返回 false。

使用 Array.prototype.includes() 查找字符串

在 JavaScript 中,字符串可以看作是一个字符数组。因此,可以使用 Array.prototype.includes() 方法来查找一个字符串是否在另一个字符串中出现。例如,可以使用以下代码来查找一个字符串是否包含另一个字符串:

在上面的代码中,str1.includes(str2) 表示在 str1 字符串中查找 str2 字符串。由于 str1 中包含 str2,因此该方法返回 true。

示例代码

以下是一个使用 Array.prototype.includes() 方法来查找字符串的示例代码:

-- -------------------- ---- -------
----- ------ - --------- --------- --------- ---------

-------- ---------------- -
  -- ------------------------ -
    ------------------ ------------
  - ---- -
    --------------------- --- ---------
  -
-

------------------- -- ----- ------
------------------------ -- ---------- --- ------

在上面的代码中,fruits 是一个包含多个水果名称的数组。findFruit() 函数接受一个水果名称参数,并使用 Array.prototype.includes() 方法来查找该水果名称是否在 fruits 数组中出现。如果找到该水果名称,则输出 "Found [fruit]!";否则输出 "[fruit] not found."。

指导意义

使用 Array.prototype.includes() 方法来查找字符串可以带来以下好处:

  • 简洁:使用 Array.prototype.includes() 方法比使用传统的循环查找方法更加简洁,代码量更少,易于阅读和维护。
  • 高效:Array.prototype.includes() 方法底层实现使用了快速查找算法,因此查找效率更高。
  • 可读性:使用 Array.prototype.includes() 方法可以使代码更加语义化,易于理解。

总之,使用 Array.prototype.includes() 方法来查找字符串是一种简单、高效、可读性强的方法,可以提高代码质量和开发效率。

结论

本文介绍了如何使用 ES7 中的 Array.prototype.includes() 方法来查找字符串,并提供了示例代码以及一些指导意义。使用该方法可以使代码更加简洁、高效和易于理解,是一种值得推荐的编程实践。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6746ab1de504cb428ebce357

纠错
反馈