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

时间：2024-12-19 21:08:54

法一：利用indexOf 

不存在返回-1，存在返回第一次出现的索引

      // js检查数组中是否包含某个元素
      // 法一 indexOf
      var arr = [100,20,50,58,6,69,36,45,78,66,45]
      if((66)==-1){
            ("不存在")
      }else{
            ("存在,索引是：",(66))
      }

 法二：利用find

它的参数是一个回调函数，所有数组元素依次遍历该回调函数，直到找出第一个返回值为true的元素，然后返回该元素，否则返回undefined。

      var arr = [100,20,50,58,6,69,36,45,78,66,45]
      (function(value,index,arr){
            if(value==45){
                  ("存在",index)    
            }
      })
      (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 = (ele => ele === 45) //true
      if (result) {
      //do something...
      };
      (result)

法四：includes 

ES6新增的数组方法，用于检测数组是否包含某个元素，如果包含返回true，否则返回false，比较厉害的是，能直接检测NaN：

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

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

      let arr = [100,20,50,58,6,69,36,45,78,66,45,NaN]
      // 法四
      let flag = (1100)
      let flag1 = (NaN)

      (flag,flag1)

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

相关文章