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

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. }
5. })

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

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

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

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

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

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

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

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

 5. 利用数组API some来判断

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