ES10 是 JavaScript 的最新版本，其中包含了许多新的特性和改进。其中一个非常有用的特性就是 Array.prototype.includes() 方法的新增，这个方法可以帮助我们更加方便地检测数组中是否包含某个元素。本文将详细介绍这个新特性的用法和意义。
includes() 方法的用法
includes() 方法是 Array.prototype 对象的一个新方法，它用于判断当前数组是否包含某个指定的元素，返回值为布尔值。
它的语法如下：
array.includes(valueToFind[, fromIndex])
其中，valueToFind 是要查找的元素值，fromIndex 是可选参数，表示从哪个索引开始查找。
下面是一个简单的示例：
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3)); // true console.log(arr.includes(6)); // false
在上面的示例中，我们定义了一个数组 arr，然后通过 includes() 方法检测数组中是否包含了数字 3 和数字 6。结果显示，数组包含数字 3，但不包含数字 6。
includes() 方法的学习意义
includes() 方法的新增，可以让我们更加方便地检测数组中是否包含某个元素，避免了使用 indexOf() 方法时需要写复杂的代码。
在实际开发中，我们经常需要查找数组中是否包含某个元素，例如在搜索框中输入关键字时，需要检索包含该关键字的所有结果。使用 includes() 方法可以帮助我们更加方便地实现这个功能。
此外，includes() 方法还可以提高代码的可读性和可维护性。相比于使用 indexOf() 方法，使用 includes() 方法可以让代码更加简洁明了，减少出错的可能性。
includes() 方法的指导意义
在使用 includes() 方法时，需要注意以下几点：
includes() 方法是 ES6 中新增的方法，如果需要在旧版浏览器中使用，需要先进行兼容性处理。
includes() 方法对于 NaN 和 undefined 的处理与 indexOf() 方法有所不同。includes() 方法可以正确地判断数组中是否包含 NaN 和 undefined，而 indexOf() 方法无法判断。
includes() 方法返回的是布尔值，可以直接作为条件语句的判断条件。
下面是一个完整的示例：
const arr = [1, 2, NaN, undefined, 'hello'];
console.log(arr.includes(2)); // true
console.log(arr.includes(NaN)); // true
console.log(arr.includes(undefined)); // true
console.log(arr.includes('hello', 2)); // true
console.log(arr.includes('world')); // false在上面的示例中，我们定义了一个包含数字、NaN、undefined 和字符串的数组，然后使用 includes() 方法检测数组中是否包含了指定的元素。
总结
ES10 中新增的 Array.prototype.includes() 方法可以帮助我们更加方便地检测数组中是否包含某个元素，避免了使用 indexOf() 方法时需要写复杂的代码。使用 includes() 方法可以提高代码的可读性和可维护性，同时还可以正确地判断数组中是否包含 NaN 和 undefined。在实际开发中，我们可以根据具体的需求来选择使用 includes() 方法或其他方法来实现功能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6552f056d2f5e1655dca3d66