js判斷對象數組中是否存在某個對象

1. 若是要判斷數組中是否存在某個元素的話很好判斷，直接用數組的indexOf方法就好，存在返回當前索引不存在返回-1

var arr=[1,2,3,4]
arr.indexOf(3) // 2
arr.indexOf(5) // -1

2. 要只是判斷的話是能夠遍歷後判斷對象的屬性是否相同的，像這種：

arr.forEach(item=>{
    if(item.name=='Alex'){
        alert('存在這個元素');
    }
})

3. 但實際中每每是須要動態添加或刪除對象或元素的，用這個方法的話很差操做，可能會添加或刪除掉多個，能夠是用string的indexOf方法來判斷

const option = {name:'111'}
// 若是數組裏面自己不存在這個對象則把這個加進去
if(JSON.stringify(arr).indexOf(JSON.stringify(option))==-1){
           arr.push(option); // 進行動態的操做
}

 這個判斷是能夠，但存在一個問題須要注意一下，若是對象的順序不同，是不能檢測到重複的

例如arr = [{name:'張三', sex:'男'}]

option = {sex:'男', name:'張三'}

利用上述方法檢測的話，實際上該數組是存在這個數組對象的，但若是用string的indexOf方法是不能檢測對的，用這個方法的時候這個點須要注意

4. 還有一個經常使用方法是設一個flag來作判斷的標識

let flag = true;
let msg = '';
let arr = []

if(arr.length<6){
    arr.forEach(item=>{
        if(data.id===item.id){ // 對象裏的惟一標識id
            msg = '請勿重複添加！'
            flag = false;
        }
    })
}else{
    msg = '最多添加6個！'
    flag = false;
}

if(flag){ // 若是知足條件-數組長度小於6，當前添加的值在數組裏不存在，就把值添加進去
    arr.push(data)
}else{ // 不然彈出提示信息
    alert(msg)
}

 5. 利用數組API some來判斷

var result = arr.some(item=>{
   if(item.name=='張三'){
      return true 
  } 
})

console.log(result) // 若是arr數組對象中含有name:'張三',就會返回true，不然返回falseif(result){ // 若是存在  // do something }