随着 JavaScript 语言的不断发展，越来越多的新特性被引入，为开发者们提供了更加方便和强大的处理数据的能力。在 ES7 中推出的新特性之一就是 Array.prototype.includes()，它可以让我们更加便捷地判断一个数组中是否包含某个元素。
Array.prototype.includes() 简介
Array.prototype.includes() 是Array原型上的新方法，用于判断数组是否包含某个元素，返回一个布尔值。它可以代替传统的 Array.prototype.indexOf() 方法来进行判断，尤其适用于不限制元素的数据类型或元素索引值的情况下。
它的语法结构如下：
array.includes(searchElement[, fromIndex])
其中，searchElement 表示要查找的元素， fromIndex 表示从哪个元素的索引值开始查找（可选参数），默认为 0。
如果查找到了要寻找的元素，返回 true；反之，返回 false。
下面是一个简单的示例：
let arr = [1, 2, 3, 4, 5]; console.log(arr.includes(2)); // 输出 true console.log(arr.includes(6)); // 输出 false
示例解析
在上面的示例中，我们创建了一个数组 arr，然后使用 includes 方法来判断元素是否存在于数组中，输出了布尔值。
其中，第一个测试用例传递的参数是 2，因为这个值是数组 arr 中存在的，所以输出 true；而第二个测试用例则传递了一个并不存在于 arr 中的值，所以输出 false。
使用场景
使用 Array.prototype.includes() 可以使代码更加简洁、易于阅读，并且减少因为参数传递错误而引发的错误。而且，在代码中使用 includes 会比使用 indexOf 更加直观。
下面，我们来看一个实际的例子：
-- -------------------- ---- -------
-- ------- ------- -------------
--- --- - --- -- -- -- ---
-- --------------- - --- -
-------------- ---------
- ---- -
-------------- ----------
-
-- ------ -------- -------------
--- ------ - --- -- -- -- ---
-- -------------------- -
-------------- ---------
- ---- -
-------------- ----------
-可以看到，在上面的代码中，使用 includes 可以使判断过程更加简单和直观。
注意事项
Array.prototype.includes()方法只能用于判断数组中是否存在某个元素，而无法区分不同的数据类型。fromIndex参数必须是一个整数，并且可以是负数（表示从数组末尾开始算起），如果不是整数，则会被自动转换为整数。- 如果
fromIndex大于或等于数组长度，则直接返回false；如果fromIndex为负数并且其绝对值大于等于数组长度，则从数组头部开始查找。 - 当
searchElement常量数值是一个空字串时,includes()方法依旧可以在数组中找到，兼容ES6之前的版本。
总结
ES7 中引入 Array.prototype.includes() 是为了让开发者们能够更加便利地进行数组元素的查找和判断。它的语法简单、用法方便，可以大幅提升开发效率。
如果你想在实际开发中使用该方法，建议多进行测试和实践，并结合自己的业务需要来灵活运用。尤其是在需要判断数组中是否包含某个元素的场景中，使用 includes 可能会比传统的 indexOf 更加简洁明了，值得尝试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647fc8ca48841e9894f523d0