JavaScript 是一种动态语言，它拥有众多方便的数组操作方法。ES6 中提供了许多强大的新特性，其中包括扩展运算符、解构赋值、箭头函数、Promise 等等。与此同时，ES9 新增了一个非常实用的方法：Array.prototype.includes()，实现了在数组中快速查找是否包含某个特定元素的功能。本文将详细介绍这个方法的特性和使用方法。
方法语法
arr.includes(searchElement[, fromIndex])
参数：
- searchElement: 要查找的元素。
- fromIndex （可选）：从该下标处开始查找第一个参数。
返回值：
Boolean：表示数组中是否包含某个元素。
特性解析
查找数组中是否包含某个元素
ES9 的 Array.prototype.includes() 方法用于判断数组中是否包含某个特定元素，返回值为布尔类型。
可以使用该方法来判断数组中是否存在某个元素，如下：
let arr = [1, 2, 3, 4, 5]; let result1 = arr.includes(3); // true let result2 = arr.includes(6); // false
查找从指定位置开始的元素
第二个参数 fromIndex 表示在数组中查找元素的起始位置。如果该参数没有指定，则默认从数组的第一个元素开始查找。
fromIndex 还可以是负数，在这种情况下，从数组的末尾开始查找（比如，如果 fromIndex 是 -3，则从数组中倒数第三个元素开始查找）。
let arr = [1, 2, 3, 4, 5]; let result1 = arr.includes(3, 1); // true let result2 = arr.includes(1, 2); // false
使用 includes() 方法的好处
- 可以快速查找某个元素是否在数组中存在，返回一个 Boolean 类型的值；
- 比 indexOf 方法更加简单易懂，不需要额外的判断操作；
- includes() 方法在查找原始类型数据和引用类型数据时表现一致，例如字符串和数字；
- includes() 方法性能较高，大多数浏览器都有进行过优化。
示例代码
-- -------------------- ---- ------- --- --- - --- -- -- -- --- -- ---- --- ------- - ---------------- -- ---- --- ------- - ---------------- -- ----- -- --------- --- ------- - --------------- --- -- ----- --- ------- - --------------- ---- -- ---- -------------------- -------- -------- --------- -- ---- ----- ----- ----
总结
ES9 中的 Array.prototype.includes() 方法表现出色，适用于数组中是否有某个元素的查询，而且代码简单易懂。在实际开发中，我们可以通过该方法快速查找数组中的元素，避免了手写遍历出现的 bug 和性能浪费，是一种方便且高效的数组遍历方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651a43d795b1f8cacd23f6a7