前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js判断数组中是否存在某个元素(四种方法)

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

作者头像
用户7741497
发布2022-03-20 09:58:15
9.5K0
发布2022-03-20 09:58:15
举报
文章被收录于专栏:hml_知识记录

法一:利用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)

版权声明:本文为CSDN博主「suoh's Blog」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/qq_41579104/article/details/120972171

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档