js 判断数组是否包含某元素

最新推荐文章于 2024-08-06 14:16:54 发布

原创最新推荐文章于 2024-08-06 14:16:54 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#数组 #js #引用类型

js 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了三种在JavaScript中查找数组元素的方法：使用$.inArray处理引用类型问题、实现自定义indexOf方法确保浏览器兼容性以及创建contains函数方便查找。文章还提供了代码示例帮助理解。

方法1、query或者zepto $.inArray(value,array)

$.inArray(value,array) 可能产生的一个引用类型的问题，所以用的时候要注意

比如：

var testarr=[{"a":"0"},{"b":"1"},{"c":"2"}];
alert($.inArray({"a":"0"},testarr));   //总是返回-1

正常写法：

var obj={'m':'1'};
var arr=[obj,'1',2];
alert($.inArray(obj,arr));

var obj={"a":0};
var obj1={"a":0};
alert(obj==obj1);// false;
---------------------
var obj={"a":0};
var obj1=obj;
alert(obj==obj1);// true;

方法2：使用indexOf
但是有个问题是IndexOf在某些IE版本中是不兼容的，可以用下面的方法：

if (!Array.indexOf) {  
    Array.prototype.indexOf = function (obj) {  
        for (var i = 0; i < this.length; i++) {  
            if (this[i] == obj) {  
                return i;  
            }  
        }  
        return -1;  
    }  
}

先判断Array是否有indexOf方法，如果没有就扩展出此方法。
所以上面代码要写在使用indexOf方法的代码之前：

var arr = new Array('1', '2', '3');  
if (!Array.indexOf) {  
    Array.prototype.indexOf = function (obj) {  
        for (var i = 0; i < this.length; i++) {  
            if (this[i] == obj) {  
                return i;  
            }  
        }  
        return -1;  
    }  
}  
var index = arr.indexOf('1');//为index赋值为0

三、自定义函数

function contains(arr, obj) {  
    var i = arr.length;  
    while (i--) {  
        if (arr[i] === obj) {  
            return true;  
        }  
    }  
    return false;  
}

使用方法：

var arr = new Array(1, 2, 3);  
contains(arr, 2);//返回true  
contains(arr, 4);//返回false

也可以把这个方法加到Array的原型上
Array.prototype.contains = function （）{}

[1, 2, 3].contains(2); //返回true  
[1, 2, 3].contains('2'); //返回false