JavaScript 中使用 ES7 的 Array.prototype.includes() 方法

在 JavaScript 中，我们经常需要在数组中查找元素。ES7 的 Array.prototype.includes() 方法可以帮助我们更加方便地查找数组中的元素。这篇文章将介绍如何使用 Array.prototype.includes() 方法，并给出一些示例代码。

什么是 Array.prototype.includes() 方法

Array.prototype.includes() 方法是 ES7 中新增的数组方法，用于判断数组中是否包含某个元素。它的语法如下：

array.includes(searchElement[, fromIndex])

其中，array 是要被查找的数组，searchElement 是要查找的元素，fromIndex 是可选参数，表示查找的起始位置。

如果 searchElement 存在于 array 中，则返回 true，否则返回 false。

使用 Array.prototype.includes() 方法查找数组中的元素

下面我们来看一个例子：

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

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

在上面的例子中，我们定义了一个包含五个元素的数组 arr。然后我们使用 arr.includes() 方法来查找数组中是否包含元素 3 和 6，并将结果输出到控制台。

查找数组中的所有元素

在实际开发中，我们可能需要查找数组中所有符合条件的元素。这时，我们可以使用 Array.prototype.filter() 方法结合 Array.prototype.includes() 方法来实现。下面是一个例子：

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

const result = arr.filter(item => item.toString().includes('3'));

console.log(result); // [3]

在上面的例子中，我们使用 arr.filter() 方法来过滤出数组中所有包含数字 3 的元素，并将结果输出到控制台。

注意事项

在使用 Array.prototype.includes() 方法时，我们需要注意以下几点：

• Array.prototype.includes() 方法是区分大小写的。

const arr = ['apple', 'banana', 'orange'];

console.log(arr.includes('Apple')); // false

• Array.prototype.includes() 方法不能用来查找 NaN。

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

console.log(arr.includes(NaN)); // false

• Array.prototype.includes() 方法不能用来查找对象。

const arr = [{name: 'apple'}, {name: 'banana'}, {name: 'orange'}];

console.log(arr.includes({name: 'apple'})); // false

结论

Array.prototype.includes() 方法是一种方便的查找数组元素的方法，它可以帮助我们更加方便地查找数组中的元素。在实际开发中，我们可以结合其他数组方法来实现更加复杂的功能。

希望本文能够帮助你更好地理解和应用 Array.prototype.includes() 方法。

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