使用 ECMAScript 2016 中的 Array.prototype.includes 方法检查数组是否包含某个值

在前端开发中，经常需要检查一个数组是否包含某个值。在 ECMAScript 2016 中，新增了一个 Array.prototype.includes 方法，可以更方便、更简洁地实现这个功能。本文将详细介绍该方法的使用方法和注意事项，并提供示例代码和指导意义。

基本用法

Array.prototype.includes 方法用于检查一个数组是否包含某个值。该方法接受一个参数，表示要检查的值。如果数组中包含该值，则返回 true；否则返回 false。

示例代码如下：

const arr = [1, 2, 3];

console.log(arr.includes(2)); // true
console.log(arr.includes(4)); // false

上述代码中，const arr 定义了一个数组，包含了 1、2、3 三个元素。arr.includes(2) 返回 true，因为数组中包含值为 2 的元素；arr.includes(4) 返回 false，因为数组中不包含值为 4 的元素。

传递第二个参数

Array.prototype.includes 方法还可以传递第二个参数，表示从哪个位置开始搜索。

示例代码如下：

const arr = [1, 2, 3, 4];

console.log(arr.includes(2, 1)); // true
console.log(arr.includes(2, 2)); // false

上述代码中，const arr 定义了一个数组，包含了 1、2、3、4 四个元素。arr.includes(2, 1) 返回 true，因为从位置 1 开始搜索，数组中包含值为 2 的元素；arr.includes(2, 2) 返回 false，因为从位置 2 开始搜索，数组中不包含值为 2 的元素。

注意事项

在使用 Array.prototype.includes 方法时，需要注意以下几点：

1. 该方法是 ES6 新增的，不支持的浏览器需要使用 polyfill 进行兼容；
2. 该方法比起 indexOf 更直观易懂，但是性能上会稍微逊色一些；
3. 在比较数组元素时，使用的是 Object.is 方法，而非传统的相等运算符（== 或 ===）。

总结

本文介绍了使用 ECMAScript 2016 中的 Array.prototype.includes 方法检查数组是否包含某个值的基本用法，以及传递第二个参数和注意事项。该方法不仅使用起来更简单、更直观，而且可以提高代码的可读性。如果你还在使用传统的 indexOf 方法检查数组元素，不妨尝试一下这个新方法，相信会给你带来不少便利。

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