如何在前端用js判断一个元素在一个数组中是否存在

一、jQuery

如果是用JQuery的话，可以用inArray()函数：

jquery inarray()函数详解

jquery.inarray(value,array)

确定第一个参数在数组中的位置(如果没有找到则返回 -1 )。

determine the index of the first parameter in the array (-1 if not found).

返回值

jquery

参数

value (any) : 用于在数组中查找是否存在

array (array) : 待处理数组。

用法为：

[javascript] view
plain copy

 





$.inArray(value, array)  

二、自己写函数

[javascript] view
plain copy

 





function contains(arr, obj) {  

    var i = arr.length;  

    while (i--) {  

        if (arr[i] === obj) {  

            return true;  

        }  

    }  

    return false;  

}  

用法为：

[javascript] view
plain copy

 





var arr = new Array(1, 2, 3);  

contains(arr, 2);//返回true  

contains(arr, 4);//返回false  

三、给Array增加一个函数

[javascript] view
plain copy

 





Array.prototype.contains = function (obj) {  

    var i = this.length;  

    while (i--) {  

        if (this[i] === obj) {  

            return true;  

        }  

    }  

    return false;  

}  

使用方法：

[javascript] view
plain copy

 





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

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

四、使用indexOf

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

[javascript] view
plain copy

 





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方法的代码之前：

[javascript] view
plain copy

 





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