开发过程中需要检测数组数组里是否存在某个值。惯性思维是通过数组循环,一个个对比判断是否相等从而得出是否存在,一般需要一个flag变量来进行判断是否存在
像这样:
var flag = false;
var arr = ["a","b","c"];
for(var i = 0; i < arr.length; i++) {
if(arr[i] === "c") {
flag = true;
break;
}
}
console.log(flag);
当然循环有很多种,上面用的for循环。
其实除了这种办法js还有两个方法可以直接检测是否存在某个值
Array.includes(val);
includes方法就是判断数组是否包含指定值,如果包含返回true,反则false,上面那段代码可以替换为:
var arr = ["a","b","c"];
var flag = arr.includes("c");
console.log(flag);
比起用循环的方法简洁很多也快速很多;
但这个方法在IE浏览器是不兼容的,需要自己另写兼容
Array.indexOf(val)
字符串的方法indexOf相信大家都很属性,其实array也有indexOf方法,用法也跟字符串的indexOf一样,返回的是数组匹配的第一个索引,如果不存在就返回-1
同样用indexOf实现上面例子是:
var flag = false;
var arr = ["a","b","c"];
if(arr.indexOf("c") > -1) {
flag = true;
}
console.log(flag);
array.indexOf兼容IE9+,比includes要好一些,同时如果需要返回所以的场景也能适用。
开发中也同样会需要数组中是否存在某个对象,这个时候我们就只能通过循环遍历去对比解决了