在前端开发中，我们经常需要对数组进行操作。而在操作数组的过程中，我们可能需要判断一个元素是否存在于一个数组中。在 ES7 之前，我们通常使用 Array.prototype.indexOf 方法来进行判断。但在 ES7 中，新引入了一个更加方便的方法 —— Array.prototype.includes。
何时使用 Array.prototype.includes 方法
Array.prototype.includes 方法用于判断一个数组是否包含某个特定的元素。相比其它方法，includes 有以下几个优点：
- 不需要使用额外的代码判断元素是否存在，代码更加简洁。
includes方法返回的是 Boolean 类型的值，无需进行额外的判断和转化。includes方法支持判断 NaN 和 undefined 元素。
因此，当你需要对数组进行元素存在性判断的时候，使用 Array.prototype.includes 方法是非常方便和高效的选择。
使用 Array.prototype.includes 方法的示例
下面是一个使用 Array.prototype.includes 方法的示例，用于判断一个数组中是否包含某个指定的元素：
const arr = [1, 2, 3, 4, 5];
// 判断元素是否存在于数组中
if (arr.includes(3)) {
console.log('元素存在于数组中');
} else {
console.log('元素不在数组中');
}我们可以看到，在上述代码中，我们只需要调用 includes 方法并传入待判断的元素即可快速判断该元素是否存在数组中。
除此之外，Array.prototype.includes 方法还支持传入第二个参数，指定判断的起始位置。
const arr = [1, 2, 3, 4, 5];
// 从第二个元素开始判断元素是否存在于数组中
if (arr.includes(3, 1)) {
console.log('元素存在于数组中');
} else {
console.log('元素不在数组中');
}在上述代码中，我们将第二个参数设置为 1，表示从数组的第二个元素开始判断是否存在指定的元素。
总结
使用 Array.prototype.includes 方法能够让我们更方便地判断一个元素是否存在于一个数组中。通过本文的介绍，我们可以看到 includes 方法相比其它方法具有更加简洁的代码、更加方便的元素存在性判断以及支持判断 NaN 和 undefined 的元素的优势。
建议在开发过程中尽量使用 Array.prototype.includes 方法替代旧有的方法，以提高代码的可读性和维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653f0dbc7d4982a6eb88ce0d