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

Posted zzsdream

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js判断对象数组中是否存在某个对象相关的知识,希望对你有一定的参考价值。

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

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

2. 要只是判断的话是可以遍历后判断对象的属性是否相同的,像这种:

  1. arr.forEach(item=>
  2. if(item.name==‘Alex‘)
  3. alert(‘存在这个元素‘);
  4. )

3. 但实际中往往是需要动态添加或删除对象或元素的,用这个方法的话不好操作,可能会添加或删除掉多个,可以是用string的indexOf方法来判断

  1. const option = name:‘111‘
  2. // 如果数组里面本身不存在这个对象则把这个加进去
  3. if(JSON.stringify(arr).indexOf(JSON.stringify(option))==-1)
  4. arr.push(option); // 进行动态的操作

 这个判断是可以,但存在一个问题需要注意一下,如果对象的顺序不一样,是不能检测到重复的

例如arr = [name:‘张三‘, sex:‘男‘]

option = sex:‘男‘, name:‘张三‘

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

4. 还有一个常用方法是设一个flag来做判断的标识

  1. let flag = true;
  2. let msg = ‘‘;
  3. let arr = []
  4. if(arr.length<6)
  5. arr.forEach(item=>
  6. if(data.id===item.id) // 对象里的唯一标识id
  7. msg = ‘请勿重复添加!‘
  8. flag = false;
  9. )
  10. else
  11. msg = ‘最多添加6个!‘
  12. flag = false;
  13. if(flag) // 如果满足条件-数组长度小于6,当前添加的值在数组里不存在,就把值添加进去
  14. arr.push(data)
  15. else // 否则弹出提示信息
  16. alert(msg)

 5. 利用数组API some来判断

  1. var result = arr.some(item=>
  2. if(item.name==张三)
  3. return true
  4. )
  5. console.log(result) // 如果arr数组对象中含有name:‘张三‘,就会返回true,否则返回false
    if(result) // 如果存在
    // do something

 

以上是关于js判断对象数组中是否存在某个对象的主要内容,如果未能解决你的问题,请参考以下文章

js处理一个数组中包含多个对象,根据对象的一个属性查找到这个对象

js怎么判断一个对象是否类数组对象

js 判断数组中是不是包含

js中判断对象是不是为数组的几种方式

js 数组的indexOf可以判断对象数组中的对象有没有在数组中吗

js判断一个值是不是存在于一个js数组中