ES7 新特性：Array.includes 方法

前言

在前端开发中，数组的使用非常重要。我们常常需要在数组中查找某个元素是否存在。在 ES5 中，我们通常使用 array.indexOf() 方法来实现这一功能。但是，这种方法并不友好，因为它返回的是元素在数组中的位置，如果元素不存在，则返回 -1。

ES7 中新增了一个 array.includes() 方法来解决这个问题。本文将详细介绍这个新特性的使用方法和指导意义，并提供一些示例代码。

使用方法

array.includes() 方法可以检查一个数组中是否包含某个元素，其返回值为布尔类型。如果存在，则返回 true，否则返回 false。该方法的语法如下：

array.includes(searchElement[, fromIndex])

其中，searchElement 是要查找的元素，fromIndex 是一个可选参数，表示从哪个位置开始查找。如果不传递该参数，则表示从数组的第一个元素开始查找。如果传递了该参数，则从指定的位置开始查找。

指导意义

使用 array.includes() 方法可以让我们更加方便地判断一个元素是否存在于数组中，避免了使用 array.indexOf() 方法返回位置的耗时和繁琐。同时，由于 array.includes() 方法返回的是布尔类型，代码逻辑更加清晰易懂。

实例

下面是一些使用 array.includes() 方法的示例代码。

基本用法

const colors = ['red', 'green', 'blue'];

console.log(colors.includes('green'));  // true
console.log(colors.includes('yellow')); // false

从指定位置开始查找

const colors = ['red', 'green', 'blue'];

console.log(colors.includes('green', 1));   // true
console.log(colors.includes('red', 1));     // false
console.log(colors.includes('blue', -1));   // true

与条件语句结合使用

const colors = ['red', 'green', 'blue'];

if (colors.includes('green')) {
  console.log('The array contains green.');
} else {
  console.log('The array does not contain green.');
}

总结

array.includes() 方法是 ES7 中新增的一个方便易用的数组方法，可以帮助我们更加快速地判断一个元素是否存在于数组中。它不仅提高了代码可读性，而且也提高了代码的效率与性能。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647051c8968c7c53b0e72dfc