js 判断数组中是否包含某个元素|极客笔记

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

在日常的开发中，我们经常会遇到需要判断一个数组中是否包含某个特定元素的情况。在JavaScript中，有多种方法可以实现这个功能，本文将详细介绍几种常用的方法。

方法一：使用includes()方法

JavaScript的Array对象提供了一个includes()方法，可以用来判断数组中是否包含某个元素。这个方法会返回一个布尔值，表示数组是否包含指定元素。

let arr = [1, 2, 3, 4, 5];
let target = 3;

if (arr.includes(target)) {
    console.log("数组中包含目标元素");
} else {
    console.log("数组中不包含目标元素");
}

运行结果：

数组中包含目标元素

方法二：使用indexOf()方法

另一种常用的方法是使用indexOf()方法，该方法会返回元素在数组中的索引，如果元素不在数组中则返回-1。可以通过判断返回值是否大于等于0来判断数组中是否包含目标元素。

let arr = [1, 2, 3, 4, 5];
let target = 3;

if (arr.indexOf(target) >= 0) {
    console.log("数组中包含目标元素");
} else {
    console.log("数组中不包含目标元素");
}

运行结果：

数组中包含目标元素

方法三：使用find()方法

除了以上两种方法，还可以使用Array.prototype.find()方法来查找数组中是否存在满足条件的元素。find()方法会返回数组中第一个满足条件的元素，如果没有找到则返回undefined。

let arr = [1, 2, 3, 4, 5];
let target = 3;

if (arr.find(item => item === target)) {
    console.log("数组中包含目标元素");
} else {
    console.log("数组中不包含目标元素");
}

运行结果：

数组中包含目标元素

方法四：使用some()方法

另外一种常用的方法是使用Array.prototype.some()方法，该方法会对数组中的每个元素应用一个测试函数，如果任一元素通过测试则返回true，否则返回false。

let arr = [1, 2, 3, 4, 5];
let target = 3;

if (arr.some(item => item === target)) {
    console.log("数组中包含目标元素");
} else {
    console.log("数组中不包含目标元素");
}

运行结果：

数组中包含目标元素

方法五：使用filter()方法

最后一种方法是使用Array.prototype.filter()方法，该方法会返回一个新的数组，其中包含所有通过测试函数的元素。可以判断返回的数组长度是否大于0来判断数组中是否包含目标元素。

let arr = [1, 2, 3, 4, 5];
let target = 3;

if (arr.filter(item => item === target).length > 0) {
    console.log("数组中包含目标元素");
} else {
    console.log("数组中不包含目标元素");
}

运行结果：