ECMAScript 2017：利用 Array.prototype.includes 解决数组查找的问题

在前端开发中，数组查找是一个常见的问题。在过去，我们可能会使用 for 循环或者 Array.prototype.indexOf 方法来实现数组查找。但是在 ECMAScript 2017 中，新增了 Array.prototype.includes 方法，可以更加方便地实现数组查找。

Array.prototype.includes 方法介绍

Array.prototype.includes 方法用于判断数组中是否包含某个元素，返回一个布尔值。它的语法如下：

array.includes(searchElement[, fromIndex])

其中，searchElement 是要查找的元素，fromIndex 是可选的参数，表示从哪个索引开始查找。

如果数组中包含 searchElement 元素，返回 true，否则返回 false。

下面是一个简单的例子：

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

Array.prototype.includes 方法的优势

相比于 for 循环或者 Array.prototype.indexOf 方法，Array.prototype.includes 方法有以下优势：

1. 简洁易懂：使用 Array.prototype.includes 方法可以更加简洁地实现数组查找，代码可读性更强。
2. 可读性更强：使用 Array.prototype.includes 方法可以让代码更加易读，更加符合人类的思维方式。
3. 更加高效：Array.prototype.includes 方法内部使用了严格的相等比较（===），比 indexOf 方法更加高效。

Array.prototype.includes 方法的用法

除了可以用于简单的数组查找之外，Array.prototype.includes 方法还可以用于更加复杂的场景。下面是一些例子：

判断数组中是否包含某个字符串

const arr = ['apple', 'banana', 'orange'];
console.log(arr.includes('apple')); // true
console.log(arr.includes('pear')); // false

判断数组中是否包含 NaN

const arr = [1, 2, NaN, 4, 5];
console.log(arr.includes(NaN)); // true

从指定位置开始查找

const arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3, 2)); // true，从索引 2 开始查找
console.log(arr.includes(3, 3)); // false，从索引 3 开始查找

总结

在 ECMAScript 2017 中，Array.prototype.includes 方法为我们提供了一种更加简洁、易读、高效的数组查找方式。在实际开发中，我们可以根据具体情况选择使用该方法，提高代码的可读性和执行效率。

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