ES7 中新增的 Array.prototype.includes 方法的详细教程

JavaScript 数组是非常常用的一种数据结构。在过去的几个版本中，JavaScript 的数组方法经过不断的更新和优化，使得数组的使用更加方便。而在 ECMAScript 7 中，新增了一个非常实用的数组方法 Array.prototype.includes。

Array.prototype.includes 方法是用来判断数组中是否包含一个指定的元素，如果包含则返回 true，否则返回 false。它可以代替一些常见的判断数组中是否包含某个元素的方法，如 indexOf 和 some。

Array.prototype.includes 方法的语法

以下是 Array.prototype.includes 方法的语法：

array.includes(searchElement[, fromIndex])

参数说明：

• searchElement：要匹配的元素。
• fromIndex (可选)：开始查找的位置。如果省略该参数，则从数组的第一个元素开始查找。

返回值：

• 如果数组中包含指定的元素，则返回 true。
• 如果数组中不包含指定的元素，则返回 false。

Array.prototype.includes 方法的示例

下面是一些使用 Array.prototype.includes 方法的示例：

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

console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false

console.log(arr.includes(3, 2)); // true
console.log(arr.includes(3, 3)); // false

在上面的示例中，我们创建了一个数组 arr，包含了一些数字元素。首先，我们调用了 arr.includes(3) 方法来判断数组中是否包含数字 3，因为该数组中的确包含数字 3，所以返回 true。接着，我们调用了 arr.includes(6) 方法来判断数组中是否包含数字 6，因为该数组中不包含数字 6，所以返回 false。

除此之外，我们还传递了 fromIndex 参数来指定查找的起始位置。在第三个示例中，我们传递了参数 2，这表示从数组的第 3 个元素开始查找。因为数字 3 在数组的第 3 个位置，所以返回 true。而在第四个示例中，我们传递了参数 3，这表示从数组的第 4 个元素开始查找。由于数组的第 4 个元素是数字 4，而不是数字 3，所以返回 false。

总结

Array.prototype.includes 方法是 ECMAScript 7 新增的一个非常实用的数组方法。它可以帮助我们更加方便地判断一个数组是否包含指定的元素。在实际的开发过程中，我们可以将它应用到一些常见的场景中，如判断一个数组中是否包含重复的元素、判断一个元素是否存在于多个数组中等等。因此，掌握该方法的使用，将会帮助我们更加高效地编写代码。

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