如何在 ES7 中使用 includes() 方法来查找数组中的元素

在前端开发中，我们经常需要对数组进行操作，包括查找数组中的元素。ES7 中新增了 includes() 方法，可以方便地查找数组中的元素。本文将详细介绍如何使用 includes() 方法来查找数组中的元素。

includes() 方法介绍

includes() 方法是 ES7 中新增的数组方法，用于判断数组中是否包含指定的元素。该方法返回一个布尔值，如果数组中包含指定的元素，则返回 true，否则返回 false。

includes() 方法的语法如下：

array.includes(searchElement[, fromIndex])

其中，searchElement 表示要查找的元素，fromIndex 表示开始查找的位置（可选参数）。如果省略 fromIndex 参数，则从数组的头部开始查找。

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

使用 includes() 方法来查找数组中的元素非常简单，只需要将要查找的元素作为参数传入即可。下面是一个示例代码：

const arr = [1, 2, 3, 4, 5];
const target = 3;
if (arr.includes(target)) {
  console.log(`数组中包含 ${target}`);
} else {
  console.log(`数组中不包含 ${target}`);
}

在上面的代码中，我们定义了一个数组 arr 和一个要查找的元素 target。使用 includes() 方法来查找数组中是否包含 target 元素。如果包含，则输出“数组中包含 3”，否则输出“数组中不包含 3”。

includes() 方法的返回值

includes() 方法返回一个布尔值，如果数组中包含指定的元素，则返回 true，否则返回 false。下面是一个示例代码：

const arr = [1, 2, 3, 4, 5];
const target = 3;
const result = arr.includes(target);
console.log(result);

在上面的代码中，我们定义了一个数组 arr 和一个要查找的元素 target。使用 includes() 方法来查找数组中是否包含 target 元素，并将返回值保存在 result 变量中。最后输出 result 的值。

includes() 方法的 fromIndex 参数

includes() 方法的 fromIndex 参数表示开始查找的位置。如果省略 fromIndex 参数，则从数组的头部开始查找。如果指定了 fromIndex 参数，则从指定位置开始查找。下面是一个示例代码：

const arr = [1, 2, 3, 4, 5];
const target = 3;
const fromIndex = 2;
const result = arr.includes(target, fromIndex);
console.log(result);

在上面的代码中，我们定义了一个数组 arr、一个要查找的元素 target 和一个开始查找的位置 fromIndex。使用 includes() 方法来查找数组中是否包含 target 元素，并指定从索引 2 开始查找。最后输出 result 的值。

总结

本文介绍了如何在 ES7 中使用 includes() 方法来查找数组中的元素。includes() 方法是一个非常方便的数组方法，可以帮助我们快速判断数组中是否包含指定的元素。希望本文对大家有所帮助。

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