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，否則返回false
if(result){ // 如果存在
  // do something
 }