数组去重
- 用 Set 数据结构 对于对象数组,可以使用 Set 数据结构对其中的对象进行去重。代码如下:
let arr = [{name: 'apple'}, {name: 'orange'}, {name: 'apple'}]; let newArr = Array.from(new Set(arr.map(JSON.stringify))).map(JSON.parse); console.log(newArr); // [{name: 'apple'}, {name: 'orange'}]
上述代码先使用 map 方法将数组中的每个对象转换为 JSON 字符串,然后再使用 Set 数据结构对这些字符串进行去重,最后再使用 map 方法将 JSON 字符串转回对象。
- 使用 reduce 方法 也可以通过遍历数组,使用 reduce 方法来实现对象去重。代码如下:
let arr = [{name: 'apple'}, {name: 'orange'}, {name: 'apple'}]; let newArr = arr.reduce((prev, cur) => { prev.find(item => item.name === cur.name) ? '' : prev.push(cur); return prev; }, []); console.log(newArr); // [{name: 'apple'}, {name: 'orange'}]
上述代码使用 reduce 方法遍历数组,对于每个元素 cur,判断在 prev 中是否已存在相同名字的对象,如果存在则忽略,否则将其加入到 prev 中。
- 使用 lodash 库 lodash 软件库中提供了多个用于数组去重的函数,可直接调用。具体使用方法可以参考 lodash 官方文档。例如:
let arr = [{name: 'apple'}, {name: 'orange'}, {name: 'apple'}]; let newArr = _.uniqBy(arr, 'name'); console.log(newArr); // [{name: 'apple'}, {name: 'orange'}]
以上是一些常见的数组对象去重方法,根据个人喜好和项目需求,可以选择不同的方法进行实现。