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

今天小編給大家分享一下js怎么判斷對象數組中是否存在某個對象的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

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 
  } 
})
// if 可以省略
var result = arr.some(item=>item.name==='張三')
console.log(result) // 如果arr數組對象中含有name:'張三',就會返回true，否則返回false
if(result){ // 如果存在
  // do something
 }

js對象數組根據某一屬性查找對象

js對象數組[{name: "zhangsan", age: 20}, {name: "lisi", age: 30}], 如果想查找name是zhangsan的這個對象，傳統方法可以根據for+if條件遍歷，也可以用map重新構造，或者組裝新對象。

1. 組裝新對象

 list.forEach(function (item) {

   selectObj[item.name] = item

 })

selectObj新對象結構為：{"zhangsan": {name: "zhangsan", age: 20}, "lisi": {name: "lisi", age: 30}}, 通過selectObj[zhangsan]即可獲取。

2. 或者使用es6中的新特性

list.find(item => item.name == "zhangsan")

其他的比如filter, some, every方法也都很好用。

以上就是“js怎么判斷對象數組中是否存在某個對象”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。