ES7 中的 `Array.prototype.includes()` 方法详解-JavaScript中文网-JavaScript教程资源分享门户

在 ES7 中，新增了 Array.prototype.includes() 方法，它可以用来判断一个数组是否包含某个特定的元素。这个方法十分实用，尤其是在前端开发中，我们经常需要判断一个数组中是否包含某个特定的元素，而 Array.prototype.includes() 方法就可以帮助我们轻松实现这个功能。

语法

Array.prototype.includes() 方法的语法如下：

array.includes(searchElement[, fromIndex])

其中，array 表示要操作的数组，searchElement 表示要查找的元素，fromIndex 是可选的，表示从哪个索引开始查找。

返回值

Array.prototype.includes() 方法返回一个布尔值，表示数组中是否包含指定的元素。

示例代码

下面是一些示例代码，用来演示 Array.prototype.includes() 方法的用法。

判断数组是否包含某个元素

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

if (arr.includes(element)) {
  console.log('数组包含元素');
} else {
  console.log('数组不包含元素');
}

从指定索引开始查找元素

// javascriptcn.com 代码示例
const arr = [1, 2, 3, 4, 5];
const element = 3;
const startIndex = 2;

if (arr.includes(element, startIndex)) {
  console.log('数组从指定索引开始包含元素');
} else {
  console.log('数组从指定索引开始不包含元素');
}

判断数组是否包含 NaN

const arr = [1, 2, NaN, 4, 5];

if (arr.includes(NaN)) {
  console.log('数组包含 NaN');
} else {
  console.log('数组不包含 NaN');
}

注意事项

需要注意的是，Array.prototype.includes() 方法在查找元素时，会使用严格相等运算符（即 ===）进行比较。这意味着，如果要查找的元素是一个对象或者数组，那么只有当它们的引用指向同一个地址时，才会被判断为相等。

此外，需要注意的是，Array.prototype.includes() 方法虽然可以判断数组中是否包含 NaN，但是它并不能判断数组中是否包含 undefined。如果需要判断一个数组中是否包含 undefined，可以使用 Array.prototype.indexOf() 方法，它的返回值为元素在数组中的索引，如果返回值为 -1，则表示数组中不包含该元素。

总结

通过本文的介绍，我们了解了 ES7 中新增的 Array.prototype.includes() 方法的用法和注意事项。这个方法可以帮助我们轻松判断一个数组中是否包含某个特定的元素，提高了我们的开发效率。需要注意的是，在使用这个方法时，需要注意严格相等运算符的使用，以及它不能判断数组中是否包含 undefined 的限制。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/655dc6a1d2f5e1655d80de85