使用reduce给数组对象去重

普通的数组去重，有很多方法，比如快捷的方法比如es6是Set,Map等，但是对于数组对象，这些方法都不适用，传统的forEach,filter等又有点繁琐。 这里介绍一个新方法—— reduce()

 

先看一次下语法介绍

array.reduce(function(previousValue , currentValue, index, array ), initialValue)

reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。

callback （执行数组中每个值的函数，包含四个参数）

    1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
    2、currentValue （数组中当前被处理的元素）
    3、index （当前元素在数组中的索引）
    4、array （调用 reduce 的数组）

initialValue （作为第一次调用 callback 的第一个参数。）

好了，直接上代码

let arr = [
	{ id: 1, name: 'Tom' },
	{ id: 2, name: 'Jack' },
	{ id: 3, name: 'Lily' },
	{ id: 1, name: 'Tom' },
	{ id: 3, name: 'Lily' },
]

function unique(arr) {
	let obj = {} // 用来存放已经出现过的id
	return arr.reduce((pre, cur) => {
		if(!obj[cur.id]) { // obj没有cur的id则放入数组
			obj[cur.id] = true 
			return [...pre, cur]
		} else {
			return pre
		}
	}, [])
}

console.log(unique(arr))

结果：

 

任务完成了，当然，代码可以再精简下，

let arr = [
	{ id: 1, name: 'Tom' },
	{ id: 2, name: 'Jack' },
	{ id: 3, name: 'Lily' },
	{ id: 1, name: 'Tom' },
	{ id: 3, name: 'Lily' },
]

function unique(arr) {
	let obj = {}
	return arr.reduce((pre, cur) => obj[cur.id] ? pre : obj[cur.id] = true && [...pre, cur], [])
}

console.log(unique(arr)) //