使用ES6判断数组是否包含某个元素

在JavaScript中，我们经常需要判定一个数组是否包含某个元素，本文将会从多个方面详细阐述ES6中判断数组是否包含某个元素的方法和技巧。

一、includes()方法

在ES6中，可以使用includes()方法来判断一个数组是否包含某个元素。


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

includes()方法返回一个布尔值，如果数组中包含指定的元素，则返回true，否则返回false。

includes()方法还接受第二个参数，用于指定搜索的起始位置。例如：


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

上面的代码中，使用includes()方法从索引2开始搜索3。因为数组中包含3，所以输出结果为“数组中从索引2开始包含3”。

二、find()方法

在ES6中，还可以使用find()方法来判断一个数组是否包含某个元素。


const numbers = [1, 2, 3, 4, 5];
const found = numbers.find((element) => element === 3);
if (found !== undefined) {
  console.log('数组中包含3');
} else {
  console.log('数组中不包含3');
}

find()方法也返回一个布尔值，如果数组中包含指定的元素，则返回true，否则返回false。

与includes()方法不同的是，find()方法返回的是数组中满足条件的第一个元素，如果找不到任何一个满足条件的元素，则返回undefined。

find()方法还接受第二个参数，用于指定搜索的起始位置。例如：


const numbers = [1, 2, 3, 4, 5];
const found = numbers.find((element, index) => index > 1 && element === 3);
if (found !== undefined) {
  console.log('从索引2开始，数组中包含3');
} else {
  console.log('从索引2开始，数组中不包含3');
}

上面的代码中，使用find()方法从索引2开始搜索第一个值为3的元素。因为数组中存在值为3的元素，所以输出结果为“从索引2开始，数组中包含3”。

三、some()方法

在ES6中，还可以使用some()方法来判断一个数组是否包含满足条件的元素。


const numbers = [1, 2, 3, 4, 5];
const found = numbers.some((element) => element === 3);
if (found) {
  console.log('数组中包含3');
} else {
  console.log('数组中不包含3');
}

some()方法是用来判断数组中是否存在满足某个条件的元素。some()方法返回一个布尔值，如果数组中有满足条件的元素，则返回true，否则返回false。

与find()方法不同的是，some()方法不返回任何元素，只是返回一个布尔值。some()方法还接受第二个参数，用法与find()方法相同。

四、filter()方法

在ES6中，还可以使用filter()方法来判断一个数组是否包含满足某个条件的元素。


const numbers = [1, 2, 3, 4, 5];
const filtered = numbers.filter((element) => element === 3);
if (filtered.length > 0) {
  console.log('数组中包含3');
} else {
  console.log('数组中不包含3');
}

filter()方法是用来筛选满足某个条件的元素。filter()方法返回一个新数组，包含所有满足条件的元素。如果没找到任何元素，则返回空数组。

在上面的例子中，使用filter()方法找到值为3的元素并筛选出来。如果返回的数组长度大于0，则表示存在值为3的元素，否则表示不存在。

五、indexOf()方法

在ES6之前的JavaScript版本中，还可以使用indexOf()方法来判断一个数组是否包含某个元素。


const numbers = [1, 2, 3, 4, 5];
if (numbers.indexOf(3) !== -1) {
  console.log('数组中包含3');
} else {
  console.log('数组中不包含3');
}

indexOf()方法也可以用来检索指定元素在数组中的位置。如果找到了该元素，则返回它在数组中的位置，否则返回-1。

上面的代码中，使用indexOf()方法检索值为3的元素是否在数组中。如果存在，则返回它在数组中的位置，否则返回-1。

六、lastIndexOf()方法

lastIndexOf()方法与indexOf()方法的作用类似，但是它是从后向前搜索指定元素在数组中出现的位置。


const numbers = [1, 2, 3, 4, 5, 3];
if (numbers.lastIndexOf(3) !== -1) {
  console.log('数组中包含3');
} else {
  console.log('数组中不包含3');
}

在上面的例子中，使用lastIndexOf()方法搜索值为3的元素是否在数组中。因为数组中有两个值为3的元素，所以输出结果为“数组中包含3”。

七、总结

ES6提供了多种判断数组是否包含某个元素的方法，每个方法都有自己的特点和适用范围。如果需要从数组中检索一个值，使用includes()方法、find()方法和indexOf()方法是最好的选择；如果需要筛选满足某个条件的元素，使用filter()方法和some()方法是最好的选择。

原创文章，作者：KAWXE，如若转载，请注明出处：https://www.506064.com/n/331764.html