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


這個是整理過的:https://www.cnblogs.com/yunshangwuyou/p/10539090.html

方法一:arr.indexOf(某元素):未找到則返回 -1。

實際用法:if(arr.indexOf(某元素) > -1){//則包含該元素}

例:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.indexOf("Apple"); // 2

//以上輸出結果意味着 "Apple" 元素位於數組中下標為 2 的位置。

indexOf()完整語法:

array.indexOf(item,start)

參數:

item:必須。查找的元素。

start:可選的整數參數。規定在字符串中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該參數,則將從字符串的首字符開始檢索。

例:

1.var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];

2.var a = fruits.indexOf("Apple",4); // 6

注:string.indexOf()返回某個指定的字符串值在字符串中首次出現的位置。

1.該方法將從頭到尾地檢索字符串 stringObject,看它是否含有子串 searchvalue。開始檢索的位置在字符串的 fromindex 處或字符串的開頭(沒有指定 fromindex 時)。如果找到一個 searchvalue,則返回 searchvalue 的第一次出現的位置。

  1. stringObject 中的字符位置是從 0 開始的。

  2. 查找字符串最后出現的位置,使用 lastIndexOf() 方法。

方法二:arr.find()

數組實例的find()用於找出第一個符合條件的數組元素。它的參數是一個回調函數,所有數組元素依次遍歷該回調函數,直到找出第一個返回值為true的元素,然后返回該元素,否則返回undefined。 

find() 方法為數組中的每個元素都調用一次函數執行:

當數組中的元素在測試條件時返回 true 時, find() 返回符合條件的元素,之后的值不會再調用執行函數。

如果沒有符合條件的元素返回 undefined 

注意: find() 對於空數組,函數是不會執行的。 

注意: find() 並沒有改變數組的原始值。

[1, 5, 10, 15].find(function(value, index, arr) {
return value > 9;
}) // 10

實際用法:

arr.find(function(value) {

if(value === 要查找的值) {

   //則包含該元素

}
})

方法三:array.findIndex()

array.findIndex()和array.find()十分類似,返回第一個符合條件的數組元素的位置,如果所有元素都不符合條件,則返回-1。 

findIndex() 方法為數組中的每個元素都調用一次函數執行:

當數組中的元素在測試條件時返回 true 時, findIndex() 返回符合條件的元素的索引位置,之后的值不會再調用執行函數。 

如果沒有符合條件的元素返回 -1

注意: findIndex() 對於空數組,函數是不會執行的。 
注意: findIndex() 並沒有改變數組的原始值

[1,5,10,15].findIndex(function(value, index, arr) {
return value > 9;
}) // 2.  

方法二和方法三,這兩個方法都可以發現NaN,彌補了方法一IndexOf()的不足。

[NaN].2.dexOf(NaN) 
//-1

[Na3..findIndex(y => Object.is(NaN, y))
// 0

方法四:for()

遍歷數組,然后 if 判斷

var arr = [1, 5, 10, 15];

//傳統for

    for(let i=0; i<arr.length; i++) {

    if(arr[i] === 查找值) {

        //則包含該元素
    }
}
// for...of

  for(v of arr) {

    if(v === 查找值) {

        //則包含該元素
    }

}
//forEach

arr.forEach(v=>{

   if(v === 查找值) {

        //則包含該元素
}

})
四、方法四:就是使用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;
    }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM