提供三种处理数组去重的方法
简单类型数组选择 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]), [])
效果: