【js】JS 判断某变量是否为某数组中的一个值的3种方法(总结)

1.正则表达式

js 中判断某个元素是否存在于某个 js 数组中，相当于 PHP 语言中的 in_array 函数。

 
         Array.prototype.in_array= 
         function 
         (e){ 
        
 
         var 
         r= 
         new 
         RegExp( 
         ',' 
         +e+ 
         ',' 
         ); 
        
 
         return 
         (r.test( 
         ',' 
         + 
         this 
         .join( 
         this 
         .S)+ 
         ',' 
         ));}; 
        

用法如下：

var arr=new Array([‘b',2,‘a‘,4]);

arr.in_array('b');//判断'b'字符是否存在于 arr 数组中，存在返回true 否则false，此处将返回true

注：此函数只对字符和数字有效

2.遍历

 
         Array.prototype.in_array =  
         function 
         (element) {  
        
         for 
         ( 
         var 
         i = 0; i <  
         this 
         .length; i++) {  
        
         if 
         ( 
         this 
         [i] == element) {  
        
         return 
         true 
         ;  
        
         }  
        
         }  
         return 
         false 
         ;  
        
         }

用法如下：

var arr=new Array(["b",2,"a",4,"test"]);

arr.in_array('test');//判断 test 字符串是否存在于 arr 数组中，存在返回true 否则false，此处将返回true

3.indexOf()

 
         function 
         IsInArray(arr,val){  
        
         var 
         testStr= 
         ',' 
         +arr.join( 
         "," 
         )+ 
         "," 
         ;  
        
         return 
         testStr.indexOf( 
         "," 
         +val+ 
         "," 
         )!=-1;  
        
         }

用法如下：

var arr=new Array(["b",2,"a",4,"test"]);

IsInArray(arr,'test');//判断 test 字符串是否存在于 arr 数组中，存在返回true 否则false，此处将返回true

注：IE的Array并没有indexOf这个方法

===================================================================================

js判断一个元素是否在数组中

js中存在一个数组，如何判断一个元素是否存在于这个数组中呢，首先是通过循环的办法判断，代码如下：

var arr = ['a','s','d','f'];
console.info(isInArray(arr,'a'));//循环的方式

/**
 * 使用循环的方式判断一个元素是否存在于一个数组中
 * @param {Object} arr 数组
 * @param {Object} value 元素值
 */
function isInArray(arr,value){
    for(var i = 0; i < arr.length; i++){
        if(value === arr[i]){
            return true;
        }
    }
    return false;
}

这种方式是比较通用的一种方式，但是需要自己写函数，下面看一下第二种方式：

var arr = ['a','s','d','f'];
                console.info(arr.indexOf('a'));//在IE某些版本中不支持，可以自行扩展

这种方式是直接使用数组的indexOf方法来判断，如果元素存在于数组中，那么返回元素在数组中的下标值，如果不存在，那么返回-1，注意indexOf是区分大小写的，字母O必需大写，不然是会报错的，另外，该方法在某些版本的IE中是不起作用的，因此在使用之前需要做一下判断，修改后的代码如下所示：

/**
 * 使用indexOf判断元素是否存在于数组中
 * @param {Object} arr 数组
 * @param {Object} value 元素值
 */
function isInArray3(arr,value){
    if(arr.indexOf&&typeof(arr.indexOf)=='function'){
        var index = arr.indexOf(value);
        if(index >= 0){
            return true;
        }
    }
    return false;
}

第三种方式，就是使用jquery的inArray方法，该方法返回元素在数组中的下标，如果不存在与数组中，那么返回－１，代码如下所示：

/**
 * 使用jquery的inArray方法判断元素是否存在于数组中
 * @param {Object} arr 数组
 * @param {Object} value 元素值
 */
function isInArray2(arr,value){
    var index = $.inArray(value,arr);
    if(index >= 0){
        return true;
    }
    return false;
}

这种方式可以用来删除一个数组中的未知下标值的元素，代码如下所示：

var arr = ['a','s','d','f'];
console.info("删除元素之前的数组："+arr);
arr.splice($.inArray('a',arr),1);
console.info("删除元素之后的数组："+arr);

执行结果是：

[Web浏览器] "删除元素之前的数组：a,s,d,f"    /test/index.html (12)
[Web浏览器] "删除元素之后的数组：s,d,f"  /test/index.html (14)