posts - 26,comments - 0,views - 12862
法一:利用indexOf

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

  // js检查数组中是否包含某个元素
  // 法一 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)
posted on   转眼春夏秋冬如烟  阅读(256)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示