js如何判断数组含有某值，in/includes/inArray/indexOf方案对比

我们相信：世界是美好的，你是我也是。 来玩一下解压小游戏吧！

在本文中，您将会看到：如何在js中，如何判断某个数组中是否含有某个值。功用上就类似于php的in_array函数。本文中的几个方案，可以在node服务器端执行，也可以在高版本的浏览器中执行。

在下面方案截图中，浏览器或者服务器端node，苏南大叔可能会交替使用。本文的测试环境是node@8.11.1，chrome@67.0.3396.99。

环境描述

本文的测试数据是下面的两个值：

let arr=["a","b","c"];
let arr2={"a":"aaa","b":"bbb","c":"ccc"};

方案一，in

in操作符针对的是key，而非value。而对于普通的一维数组来说，key是隐藏的。所以，对于判断某个数组中是否含有某个值来说，这个方案并不合适。

in方案测试代码如下：

console.log("1：","a" in arr);
console.log("2：","aa" in arr);
console.log("3：",2 in arr);
console.log("4：",5 in arr);
console.log("5：","a" in arr2);
console.log("6：","aa" in arr2);

测试结果是：

方案二，indexOf

苏南大叔的印象里面，indexOf是用于字符串的。但是在这里，用于一个数组的话，也是可以执行的。但是用在一个对象obj上面的时候，是报错的。

console.log("7：",arr.indexOf("a"));
console.log("8：",arr.indexOf("aa"));
// console.log("9：",arr2.indexOf("b"));    //报错
// console.log("10：",arr2.indexOf("aaa")); //报错

结果是：

7： 0
8： -1

方案三，includes

同indexOf一样，includes仅能用于数组操作。

console.log("11：",arr.includes("a"));
console.log("12：",arr.includes("aa"));
//console.log("13：",arr2.includes("a"));  //报错
//console.log("14：",arr2.includes("aa"));  //报错

运行结果是：

11： true
12： false

方案四，自定义函数inArray

这个自定义函数inArray，可以用于数组，也可以用于对象。

当然，在php里面，这个函数名字就应该是in_array，那么在js的世界里面，就入乡随俗一下，换个inArray名字吧~

function inArray(search,array){
    for(var i in array){
        if(array[i]==search){
            return true;
        }
    }
    return false;
}
console.log("15：",inArray("a",arr));
console.log("16：",inArray("aa",arr));
console.log("17：",inArray("a",arr2));
console.log("18：",inArray("bbb",arr2));

运行结果是：

总结

• 数组是否包含某个值的判断方案有：includes/indexOf/inArray。
• 数组是否包含有个键的判断方案是：in。
• 对象是否包含某个属性值的方案是：inArray。
• 对象是否包含某个属性名的方案是：in。
• 数组或者对象通用的判断方式包括：in/inArray。

更多node相关经验文章，请点击苏南大叔的文章列表：

• https://newsn.net/tag/node/

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。