首頁 > web前端 > js教程 > javascript怎麼判斷值是否在數組中

javascript怎麼判斷值是否在數組中

青灯夜游
發布: 2021-12-07 14:46:37
原創
9152 人瀏覽過

方法:1、利用for語句遍歷數組,將數組元素和指定值進行比較,相等則存在;2、使用indexOf方法,如果元素存在於數組中則返回下標值,不存在則傳回「-1」;3、利用inArray()方法,如果元素存在則傳回下標值,不存在則傳回「-1」。

javascript怎麼判斷值是否在數組中

本教學操作環境: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 = [&#39;a&#39;,&#39;s&#39;,&#39;d&#39;,&#39;f&#39;];
console.info(arr.indexOf(&#39;a&#39;));//在IE某些版本中不支持,可以自行扩展
登入後複製

這種方式是直接使用數組的indexOf方法來判斷,如果元素存在於數組中,那麼返回元素在數組中的下標值,如果不存在,那麼返回-1,注意indexOf是區分大小寫的,字母O必需大寫,不然是會報錯的,另外,該方法在某些版本的IE中是不起作用的,因此在使用之前需要做一下判斷,修改後的程式碼如下所示:

/**
 * 使用indexOf判断元素是否存在于数组中
 * @param {Object} arr 数组
 * @param {Object} value 元素值
 */
function isInArray3(arr,value){
    if(arr.indexOf&&typeof(arr.indexOf)==&#39;function&#39;){
        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 = [&#39;a&#39;,&#39;s&#39;,&#39;d&#39;,&#39;f&#39;];
console.info("删除元素之前的数组:"+arr);
arr.splice($.inArray(&#39;a&#39;,arr),1);
console.info("删除元素之后的数组:"+arr);
登入後複製

執行結果是:

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

【相關推薦:javascript學習教學

以上是javascript怎麼判斷值是否在數組中的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板