ES6 中的数组方法 includes 的使用方法及示例

什么是 includes

includes 方法是 ES6 新增的一个数组方法，用来判断数组中是否包含某个元素。它返回一个布尔值，如果包含，则返回 true，否则返回 false。

使用 includes 方法的语法

数组 includes 的语法如下：

arr.includes(searchElement[, fromIndex])

其中，searchElement 表示要查找的元素，fromIndex 表示查找的起始索引位置，默认值为 0。需要注意的是，fromIndex 如果是负数，表示从数组末尾开始倒着查找，例如 -1 表示从数组末尾开始查找。

includes 方法的示例

判断数组中是否包含某个元素

下面是一个简单的例子，使用 includes 方法判断一个数组中是否包含某个元素：

const arr = [1, 2, 3, 4];
if (arr.includes(2)) {
  console.log('数组 arr 中包含元素 2');
} else {
  console.log('数组 arr 中不包含元素 2');
}

输出结果：

数组 arr 中包含元素 2

使用 fromIndex 参数

通过 fromIndex 参数可以指定从数组的某个位置开始查找，下面是一个例子：

const arr = [1, 2, 3, 4];
if (arr.includes(2, 2)) {
  console.log('从索引 2 开始，数组 arr 中包含元素 2');
} else {
  console.log('从索引 2 开始，数组 arr 中不包含元素 2');
}

输出结果：

从索引 2 开始，数组 arr 中不包含元素 2

使用负数的 fromIndex 值

下面是一个例子，使用负数的 fromIndex 值，表示从数组的末尾开始倒着查找：

const arr = [1, 2, 3, 4];
if (arr.includes(1, -1)) {
  console.log('从末尾开始，数组 arr 中包含元素 1');
} else {
  console.log('从末尾开始，数组 arr 中不包含元素 1');
}

输出结果：

从末尾开始，数组 arr 中不包含元素 1

includes 方法的指导意义

includes 方法用起来非常简单，但是它在实际开发中的作用却非常大。经常需要判断数组中是否包含某个元素，以便进行相应的处理。在以前的版本中，我们通常使用 indexOf 方法来实现这个功能，但是 includes 方法更加的灵活和简单易用。同时，includes 方法也提高了代码的可读性，让代码更加清晰易懂。

总结

includes 方法是 ES6 中新增的数组方法，用来判断数组中是否包含某个元素。它返回一个布尔值，如果包含，则返回 true，否则返回 false。使用起来非常简单，只需要传入要查找的元素以及可选的 fromIndex 参数即可。同时，includes 方法提高了代码的可读性，让代码更加清晰易懂。在实际开发中，我们可以使用 includes 方法来判断数组中是否包含某个元素，并进行相应的处理。

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