ES6 中的 Array.includes 方法详解

在 ES6 中，Array.includes 方法是一种非常方便的方法，可以用来判断数组中是否包含某个元素。在传统的 JavaScript 中，我们通常会使用 indexOf 方法来完成这个任务。然而，Array.includes 方法比 indexOf 方法更加直观，更加易于理解。下面将详细介绍Array.includes方法。

ES6 中的 Array.includes 方法

Array.includes 方法是一个用来判断数组中是否包含某个元素的方法。它返回一个布尔值表示是否找到了指定的元素。

语法

Array.includes 方法的语法如下：

array.includes(valueToFind[, fromIndex])

其中，

• valueToFind：要查找的值
• fromIndex：可选参数，表示从哪个索引位置开始查找。如果未提供，则默认从第一个元素开始查找。

返回值

Array.includes 方法的返回值是一个布尔值。如果数组中存在指定的元素，返回 true；否则，返回 false。

为什么要使用 Array.includes 方法

在传统的 JavaScript 中，我们会使用 indexOf 方法来查找数组中的元素。但是，indexOf 方法有一些缺点，比如：

• 当数组中有重复元素时，indexOf 方法只能查找到第一个匹配项。
• 如果要查找的元素不是一个基本类型（如对象），indexOf 方法将无法识别它们。

相比之下，Array.includes 方法更加可靠和直观，因为它不会受到上述问题的影响。

使用 Array.includes 方法的示例

下面是几个使用 Array.includes 方法的示例：

示例一：判断数组中是否包含某个固定值

const arr = [1, 2, 3, 4, 5];
const num = 3;
const isIncluded = arr.includes(num);

console.log(isIncluded); // true

示例二：判断数组中是否包含对象

const arr = [
  { name: '张三', age: 20 },
  { name: '李四', age: 30 },
  { name: '王五', age: 40 }
];
const person = { name: '李四', age: 30 };
const isIncluded = arr.includes(person);

console.log(isIncluded); // true

示例三：从指定索引位置开始查找

const arr = [1, 2, 3, 4, 5];
const num = 3;
const startIndex = 2;
const isIncluded = arr.includes(num, startIndex);

console.log(isIncluded); // true

总结

• Array.includes 方法是一种非常方便的方法，可以用来判断数组中是否包含某个元素。
• Array.includes 方法比传统的 indexOf 方法更加直观和易于理解，并且支持查找非基本类型的元素。
• Array.includes 方法的语法为 array.includes(valueToFind[, fromIndex])，返回布尔值。

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