javascript 判断数组是否已包含了某个元素的函数

下面是关于“JavaScript 判断数组是否已包含了某个元素的函数”的完整攻略。

一、使用原生方法 includes()

最简单的方法是使用 JavaScript 数组的 includes() 方法，该方法会检查数组中是否存在某个元素，如果存在则返回 true，否则返回 false。

示例如下：

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

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

如上所示，includes() 方法用于检查数组 myArray 中是否存在元素 3 和 6，结果分别为 true 和 false。

需要注意的是，includes() 方法在某些浏览器版本中可能不可用，如果要应对这种情况，我们可以使用 indexOf() 方法或 find() 方法。

二、使用原生方法 indexOf()

另一种判断 JavaScript 数组是否包含某个元素的方法是使用 indexOf() 方法。该方法会返回元素在数组中的索引位置，如果未找到则返回 -1。

示例如下：

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

console.log(myArray.indexOf(3)); // 2
console.log(myArray.indexOf(6)); // -1

如上所示，indexOf() 方法用于检查数组 myArray 中是否存在元素 3 和 6，结果分别为 2 和 -1，其中 2 表示元素 3 在数组 myArray 中的索引位置为 2，而 -1 表示元素 6 在数组 myArray 中未找到。

需要注意的是，indexOf() 方法也不是在所有浏览器中都可用，如果要考虑到浏览器兼容性问题，可以使用 find() 方法。

三、使用 find() 方法

find() 方法用于在数组中查找满足条件的第一个元素，如果找到则返回该元素，否则返回 undefined。

示例如下：

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

console.log(myArray.find(item => item === 3)); // 3
console.log(myArray.find(item => item === 6)); // undefined

如上所示，find() 方法用于检查数组 myArray 中是否存在元素 3 和 6，结果分别为 3 和 undefined，其中 3 表示元素 3 满足条件，符合查找要求，而 undefined 则表示元素 6 在数组 myArray 中未找到。

需要注意的是，find() 方法也不是在所有浏览器中都可用，如果要考虑到浏览器兼容性问题，可以使用 filter() 方法。

四、使用 filter() 方法

filter() 方法用于在数组中筛选出满足条件的所有元素，返回一个新的数组。

示例如下：

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

console.log(myArray.filter(item => item === 3)); // [3]
console.log(myArray.filter(item => item === 6)); // []

如上所示，filter() 方法用于检查数组 myArray 中是否存在元素 3 和 6，结果分别为 [3] 和 []，其中 [3] 表示元素 3 满足条件，符合查找要求，并被添加到一个新的数组中，而 [] 则表示元素 6 在数组 myArray 中未找到，新数组为空数组。

需要注意的是，filter() 方法返回的是一个全新的数组，该数组中存放的是符合条件的元素，如果仅需判断数组中是否存在某个元素，使用 includes()、indexOf() 或 find() 方法可能更为方便和高效。

综上所述，以上就是关于“JavaScript 判断数组是否已包含了某个元素的函数”的完整攻略，其中讲解了包括 includes()、indexOf()、find() 和 filter() 方法在内的多种方法，读者可以根据实际情况进行选择和使用。