javascript如何判斷值是否在數組中

這篇文章主要為大家展示了“javascript如何判斷值是否在數組中”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“javascript如何判斷值是否在數組中”這篇文章吧。

方法：1、利用for語句遍歷數組，將數組元素和指定值進行比較，相等則存在；2、使用indexOf方法，如果元素存在于數組中則返回下標值，不存在則返回“-1”；3、利用inArray()方法，如果元素存在則返回下標值，不存在則返回“-1”。

本教程操作環境：windows7系統、javascript1.8.5&&jquery1.10.2版、Dell G3電腦。

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)

以上是“javascript如何判斷值是否在數組中”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！