js判断对象数组中是否存在某个对象

时间 2019-11-11 标签 js 判断对象数组中是否存在某个对象

1. 若是要判断数组中是否存在某个元素的话很好判断，直接用数组的indexOf方法就好，存在返回当前索引不存在返回-1数组

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

2. 要只是判断的话是能够遍历后判断对象的属性是否相同的，像这种：spa

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

3. 但实际中每每是须要动态添加或删除对象或元素的，用这个方法的话很差操做，可能会添加或删除掉多个，能够是用string的indexOf方法来判断code

const option = {name:'111'}
// 若是数组里面自己不存在这个对象则把这个加进去
if(JSON.stringify(arr).indexOf(JSON.stringify(option))==-1){
           arr.push(option); // 进行动态的操做
}

这个判断是能够，但存在一个问题须要注意一下，若是对象的顺序不同，是不能检测到重复的对象

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

option = {sex:'男', name:'张三'}索引

利用上述方法检测的话，实际上该数组是存在这个数组对象的，但若是用string的indexOf方法是不能检测对的，用这个方法的时候这个点须要注意string

4. 还有一个经常使用方法是设一个flag来作判断的标识it

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来判断io

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

console.log(result) // 若是arr数组对象中含有name:'张三',就会返回true，不然返回falseif(result){ // 若是存在  // do something }