js判斷一個元素是否在數組中

js中存在一個數組,如何判斷一個元素是否存在於這個數組中呢,首先是經過循環的辦法判斷,代碼以下:html

複製代碼
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;
}
複製代碼

這種方式是比較通用的一種方式,可是須要本身寫函數,下面看一下第二種方式:jquery

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方法,該方法返回元素在數組中的下標,若是不存在與數組中,那麼返回-1,代碼以下所示:瀏覽器

複製代碼
/**
 * 使用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);

執行結果是:spa

[Web瀏覽器] "刪除元素以前的數組:a,s,d,f"    /test/index.html (12)
[Web瀏覽器] "刪除元素以後的數組:s,d,f"  /test/index.html (14)
相關文章
相關標籤/搜索