如何使用 ES7 的 Array.prototype.includes 方法

如何使用 ES7 的 Array.prototype.includes 方法

在前端编程中，我们常常需要对数组进行操作。针对数组的常用操作之一是查找数组中是否包含某个元素。在 ES7 中新增了一个方法 Array.prototype.includes，它可以用来查找数组中是否包含某个元素。本文将介绍如何使用 ES7 的 Array.prototype.includes 方法。

Array.prototype.includes 方法的基本使用

Array.prototype.includes 接收一个参数 item，用于查找数组中是否包含这个元素。它返回一个布尔值，表示该元素是否在数组中。如果数组中包含该元素，返回 true，否则返回 false。

下面是一个使用 Array.prototype.includes 方法的例子：

const array = [1, 2, 3];
const hasOne = array.includes(1);
console.log(hasOne); // true

上面的例子中，我们首先定义了一个数组 array，然后使用 Array.prototype.includes 方法查找其中是否包含数字 1。由于数组中确实包含数字 1，因此返回 true。如果我们将 1 替换为 4，那么则会返回 false。

Array.prototype.includes 方法的第二个参数

除了接收一个参数 item，Array.prototype.includes 还可以接收第二个参数 fromIndex，用于指定查找的起始位置。

如果 fromIndex 的值小于 0，则表示从数组末尾开始查找，具体来说，fromIndex = -1 表示从数组末尾开始查找。

如果 fromIndex 的值大于等于数组的长度，则始终返回 false。

下面是一个使用第二个参数 fromIndex 的例子：

const array = ['a', 'b', 'c'];
const hasC = array.includes('c', -1);
console.log(hasC); // true

在这个例子中，我们将 fromIndex 的值设为 -1，表示从数组末尾开始查找。由于数组中包含元素 c，因此返回 true。

注意，Array.prototype.includes 方法只对一维数组有效。如果对于多维数组，需要使用其他方式进行查找。

总结

在本文中，我们介绍了 ES7 中的 Array.prototype.includes 方法，并给出了使用示例。除此之外，我们还了解了第二个参数 fromIndex 的使用方法。通过本文的学习，我们可以更好地操作数组，提高编程效率。

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