数组里的对象去重简洁
时间: 2023-09-27 14:09:42 浏览: 90
JS数组Reduce方法功能与用法实例详解
5星 · 资源好评率100%
有多种方法可以简洁地实现数组里的对象去重。其中一种方法是使用ES6的Set数据结构。Set是一种无重复值的集合,可以用来去除数组里的重复元素。我们可以遍历数组,将每个对象转换为字符串,并将字符串存入Set中,然后再将Set转换回数组即可实现去重。下面是使用Set实现数组对象去重的代码示例:
```javascript
let arrObj = [
{ name: "小红", id: 1 },
{ name: "小橙", id: 1 },
{ name: "小黄", id: 4 },
{ name: "小绿", id: 3 },
{ name: "小青", id: 1 },
{ name: "小蓝", id: 4 }
];
let uniqueArr = Array.from(new Set(arrObj.map(JSON.stringify))).map(JSON.parse);
console.log(uniqueArr);
```
在这个方法中,我们先使用`map`方法将数组中的每个对象转换为字符串,然后使用`Set`数据结构去除重复的字符串,再使用`Array.from`方法将Set转换为数组。最后使用`map`方法将数组中的每个字符串转换回对象。这样就得到了去重后的数组对象。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [数组对象去重的四种方式(强推最后一种!!!)](https://blog.csdn.net/weixin_55992854/article/details/120386515)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文