JS数组是否包含某个值|极客笔记

JS数组是否包含某个值

在JavaScript中，有时候我们需要判断一个数组中是否包含某个特定的值。这在实际开发中经常会遇到，比如我们想知道一个用户的角色是否在某个角色列表中，或者我们想判断一个商品是否在购物车中等等。本文将详细讨论如何判断一个数组是否包含某个值，同时提供多种方法来实现这一功能。

方法一：使用includes方法

JavaScript的数组原型对象中提供了includes方法，该方法返回一个布尔值，表示数组中是否包含指定的值。该方法的使用非常简单直接，如下所示：

const arr = [1, 2, 3, 4, 5];

console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false

上面的代码中，我们首先创建了一个包含1, 2, 3, 4, 5五个元素的数组arr，然后使用includes方法来判断数组中是否包含值为3和6的元素。可以看到，对于数组中包含的元素，includes方法会返回true，否则返回false。

需要注意的是，includes方法的判断是全等（===）判断，即它会同时判断元素的值和类型。如果不需要类型判断，可以使用其他方法，接下来会介绍。

方法二：使用indexOf方法

除了includes方法之外，JavaScript还提供了indexOf方法来判断数组中是否包含某个值。当元素存在于数组中时，indexOf方法会返回该元素的索引值，否则返回-1。基于此特性，我们可以使用indexOf方法来判断数组中是否包含某个值，如下所示：

const arr = [1, 2, 3, 4, 5];

console.log(arr.indexOf(3) !== -1); // true
console.log(arr.indexOf(6) !== -1); // false

上面的代码中，我们同样使用indexOf方法来判断数组中是否包含值为3和6的元素。对于包含的元素，indexOf方法会返回非-1的索引值，因此我们可以通过判断indexOf方法的返回值是否不等于-1来确定数组中是否包含某个值。

方法三：使用find方法

在ES6之后，JavaScript中引入了find方法，该方法用于查找数组中第一个满足指定条件的元素，如果找到则返回该元素，否则返回undefined。我们可以利用find方法来实现判断数组中是否包含某个值的功能，如下所示：

const arr = [1, 2, 3, 4, 5];

console.log(arr.find(item => item === 3) !== undefined); // true
console.log(arr.find(item => item === 6) !== undefined); // false

上面的代码中，我们使用find方法来在数组中查找值为3和6的元素，如果找到了则返回true，否则返回false。需要注意的是，find方法会遍历整个数组，直到找到第一个满足条件的元素为止。

方法四：使用some方法

除了find方法之外，JavaScript中还提供了some方法，该方法用于检测数组中是否存在满足指定条件的元素。如果存在，则some方法返回true，否则返回false。我们可以利用some方法来判断数组中是否包含某个值，如下所示：

const arr = [1, 2, 3, 4, 5];

console.log(arr.some(item => item === 3)); // true
console.log(arr.some(item => item === 6)); // false

上面的代码中，我们使用some方法来判断数组中是否存在值为3和6的元素。对于存在的元素，some方法会返回true，否则返回false。和find方法不同，some方法在找到满足条件的元素后就会立即返回，而不会继续遍历。

方法五：使用filter方法

最后一个方法是使用filter方法来判断数组中是否包含某个值。filter方法会返回一个新数组，包含所有满足指定条件的元素。如果这个新数组的长度大于0，则表示数组中包含指定的值；反之，表示数组中不包含该值。示例如下：

const arr = [1, 2, 3, 4, 5];

console.log(arr.filter(item => item === 3).length > 0); // true
console.log(arr.filter(item => item === 6).length > 0); // false

上面的代码中，我们使用filter方法来筛选出数组中值为3和6的元素，并判断新数组的长度是否大于0。如果大于0，则表示数组中包含该值；反之，表示数组中不包含该值。