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

js判断数组中是否存在某个元素（四种方法）

目录

一：使用indexOf 

二：使用find

三：使用some

四：使用includes

---

一：使用indexOf 

方法返回值在字符串中第一次出现的位置。
如果未找到该值，则 indexOf() 方法返回 -1。
indexOf() 方法区分大小写。

// indexOf
var arr = [100,20,50,58,6,69,36,45,78,66,45]
if(arr.indexOf(66)==-1){
   console.log("不存在")
}else{
   console.log("存在,索引是：",arr.indexOf(66))
}

结果：

二：使用find

它的参数是一个回调函数，所有数组元素依次遍历该回调函数；

直到找出第一个返回值为true的元素，然后返回该元素；

否则返回undefined。

var arr = [100,20,50,58,6,69,36,45,78,66,45]
arr.find(function(value,index,arr){
    if(value==45){
      console.log("存在",index)    
    }
})
console.log(param)

查找45，find会找出所有存在的45以及索引

结果：

三：使用some

some方法同样用于检测是否有满足条件的元素；

如果有，则不继续检索后面的元素，直接返回true；

如果都不符合，则返回一个false。

用法与find相似，只是find是返回满足条件的元素；some返回的是一个Boolean值；

从语义化来说，是否包含返回布尔值更贴切。

let arr = [100,20,50,58,6,69,36,45,78,66,45]
// some
let result = arr.some(ele => ele === 45) //true
if (result) {
  //do something...
}
console.log(result)

结果：

四：使用includes

ES6新增的数组方法，用于检测数组是否包含某个元素；

如果包含返回true，否则返回false；

比较厉害的是，能直接检测NaN：

优点：最简单的做法没有之一，不用回调，简单写法，一个方法直接搞定。

缺点：低版本浏览器支持不是很友好。

let arr = [100,20,50,58,6,69,36,45,78,66,45,NaN]

let flag = arr.includes(1100)
let flag1 = arr.includes(NaN)

console.log(flag,flag1)

结果：

推荐使用includes()方法，方便快捷，一步到位~

原文链接：js判断数组中是否存在某个元素（四种方法）_js判断数组中是否包含某个元素-优快云博客