在 JavaScript 中，经常需要在数组中查询某个元素是否存在。在 ES6 以前，我们通常使用 Array.prototype.indexOf 方法来实现这个功能。ES6 引入了 Array.prototype.includes 方法，可以更加方便和简单地实现这个功能。在 ES7 中，这个方法得到了进一步的改善和完善，可以更好地满足我们的需求。本文将介绍 ES7 中 Array.prototype.includes 方法的用法、示例和注意事项，帮助前端工程师更好地理解和使用这个集合查询方法。
Array.prototype.includes 简介
Array.prototype.includes 方法是 ES7 中新增的一个方法，它用于判断数组中是否包含指定的元素，返回一个布尔值。其形式如下：
array.includes(searchElement[, fromIndex])
其中：
array：要查询的数组。searchElement：要查找的元素。fromIndex：开始查找的位置。如果省略或未传入，则从头开始查找；如果为负数，则表示从末尾倒数开始查找。
Array.prototype.includes 示例
下面是一个简单的示例，演示了 Array.prototype.includes 方法的用法：
const array = [1, 2, 3, 4, 5]; console.log(array.includes(3)); // true console.log(array.includes(6)); // false
上面的代码创建了一个包含 1 到 5 的数组，然后分别用 Array.prototype.includes 方法查询了其中的 3 和 6，在控制台打印出了查询结果。输出结果如下：
true false
Array.prototype.includes 注意事项
虽然 Array.prototype.includes 方法非常简单易用，但在实际使用中需要注意一些细节，以避免出现意外的错误或效率低下的情况。
1. 参数类型
Array.prototype.includes 方法的第一个参数必须是数组类型，否则会抛出类型错误异常。如果第二个参数 fromIndex 未指定或为 undefined，则默认从数组的第一个元素开始查找；如果指定了 fromIndex，必须是数值类型，否则会被强制转换为数值类型。
2. 查找顺序
Array.prototype.includes 方法是按顺序查找数组中的元素。如果数组中包含多个相同的元素，它会返回查找到的第一个元素的位置。如果要查找数组中所有的元素，可以使用 Array.prototype.filter 方法结合 Array.prototype.includes 方法完成。
3. 兼容性
Array.prototype.includes 方法是 ES7 新增的方法，需要在支持 ES7 的浏览器或环境中使用。如果需要在不支持 Array.prototype.includes 方法的环境中使用，可以使用兼容性更好的 Array.prototype.indexOf 方法或其他方式替代。
总结
ES7 中的 Array.prototype.includes 方法是一种简单而强大的集合查询方法，可以方便地判断数组中是否包含指定的元素。它简单易用、性能高效，并且在使用过程中需要注意一些细节和注意事项。作为前端工程师，我们应该掌握这个知识点，并在实际开发中灵活使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b62d0fadd4f0e0ffedde30