js查詢數組或者List類型是否包含某個元素

方法一：arr.indexOf(某元素)

實際用法：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。如省略該參數，則將從字符串的首字符開始檢索。

例：

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

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

該方法返回元素在數組中的下標，如果不存在與數組中，那么返回－１，代碼如下所示：
                   

/*
使用jquery的inArray方法判斷元素是否存在於數組中
@param {Object} arr 數組
@param {Object} value 元素值
*/
function isInArray2(arr,value){
var index = $.inArray(value,arr);
if(index >= 0){
return true;
}
return false;
}

 查詢list 某個元素是否存在於另外一個list中

 var list1 = [{"ID":"1",Value:"1"},{"ID":"2",Value:"1"}];
 var list2 = [{"ID":"1",Value:"1"}];    
 for(i=0;i<List1.length;i++) {
     var arr = list2.map(function(o) {return o.ID;});
                        
    if ((arr.indexOf(list1[i].ID) > -1)) {
                    //存在
        }
     else{
             //不存在
        }
  }