JavaScript丨数组去重、对象数组去重

提供三种处理数组去重的方法
简单类型数组选择 1、3 两种方法；对象数组可选择 2、3 两种方法

1、用 Set 处理简单数组

// 无法处理对象数组
arr = [...new Set(arr)]

效果：

---

2、用Map或Set处理对象数组

const map = new Map()
arr = arr.filter((item) => !map.has(item.id) && map.set(item.id, 1))

const set = new Set()
arr = arr.filter((item) => !set.has(item.id) && set.add(item.id))

效果：

---

3、用累加器配合数组方法

// some可以用来判断对象数组
arr.reduce((all, next) => (all.some((atom) => atom.id === next.id) ? all : [...all, next]), [])
arr.reduce((all, next) => (all.includes(next) ? all : [...all, next]), [])
arr.reduce((all, next) => (all.indexOf(next) !== -1 ? all : [...all, next]), [])

效果：