js判断数组中是否存在某个元素(四种方法)
目录
一:使用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()方法,方便快捷,一步到位~