ES10 中的 Array.prototype.includes 方法可以提升数组元素查询的效率

在 JavaScript 的开发过程中，经常需要对数组中的元素进行查找，以判断某个元素是否存在于数组中。在ES10中，Array 对象原生支持了一个新的方法：Array.prototype.includes，该方法可以大大提升数组元素查找的效率，特别是在处理大量数据的情况下。

Array.prototype.includes 方法的用法

Array.prototype.includes 方法主要用于判断一个数组是否包含某一个元素，其语法如下：

array.includes(valueToFind[, fromIndex])

其中，valueToFind 参数表示要查找的元素值，fromIndex 参数是可选的，表示查找的起始位置。如果省略 fromIndex 参数，则从数组的第一个位置开始查找。

该方法的返回值是一个布尔类型的值，表示是否找到了指定元素。

Array.prototype.includes 方法的优势

在以前，我们可以通过 Array.prototype.indexOf 方法来判断一个元素是否存在于数组中：

let arr = [1, 2, 3, 4, 5];
if (arr.indexOf(3) !== -1) {
  console.log("元素存在");
} else {
  console.log("元素不存在");
}

这种方法可以判断元素在数组中的位置，但当数组中元素的数量非常大时，这种方法的效率会相对较低，因为需要遍历整个数组才能判断是否存在指定元素。

而使用 Array.prototype.includes 方法，则不需要遍历整个数组，可以更快地判断数组中是否存在指定元素：

let arr = [1, 2, 3, 4, 5];
if (arr.includes(3)) {
  console.log("元素存在");
} else {
  console.log("元素不存在");
}

Array.prototype.includes 方法的使用示例

下面是一些使用 Array.prototype.includes 方法的示例：

示例一：判断数组中是否存在某个元素

let arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false

示例二：查找起始位置之后的元素

let arr = [1, 2, 3, 4, 5];
console.log(arr.includes(1, 1)); // false
console.log(arr.includes(2, 1)); // true

总结

在处理大量数据时，使用 Array.prototype.includes 方法可以提高数组元素的查找效率，从而加快 JavaScript 程序的运行速度。另外，需要注意的是：该方法只能用于查找元素值，不能用于查找元素的位置。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a2bac8add4f0e0ffad387c