js中判斷數組中是否包含某元素的方法

 

 原文： https://blog.csdn.net/weixin_37569048/article/details/80587975

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)