js 对象数组去重（高阶版）

最新推荐文章于 2023-03-28 18:00:42 发布

红烧咸咸鱼

最新推荐文章于 2023-03-28 18:00:42 发布

阅读量164

点赞数 1

分类专栏： JavaScript 文章标签： javascript 对象数组数组去重

本文链接：https://blog.csdn.net/weixin_44180579/article/details/127891360

版权

JavaScript 专栏收录该内容

49 篇文章 2 订阅

订阅专栏

本文介绍了两种在JavaScript中去除对象数组重复元素的方法：一是使用`reduce`，通过创建对象作为临时存储避免重复；二是利用`filter`结合`Map`实现去重。这两种方法都有效地保留了数组中的唯一对象，适用于处理包含特定标识属性的对象数组。

摘要由CSDN通过智能技术生成

js 对象数组去重（高阶版）

	//定义对象数组
	const objArr = [
      {"id": 1, "name": "李四"},
      {"id": 2, "name": "张三"},
      {"id": 1, "name": "李四"},
      {"id": 1, "name": "李四"},
      {"id": 5, "name": "王麻子"}
    ]

方法一：采用reduce

	function arrSet(arr){
		let obj = {}
		let newArr = arr.reduce((data,item)=>{
			obj[item.id] ? '' : obj[item.id] = true && data.push(item)
			return data
		),[]}
		console.log(newArr)
		//{"id": 1, "name": "李四"},{"id": 2, "name": "张三"}, {"id": 5, "name": "王麻子"}
	}
	arrSet(objArr)

方法二：采用filter 加 Map

	function arrSet(arr){
		let newMap = new Map()
		let newArr = arr.filter(item => !newMap.has(item.id) && newMap.set(item.id,1))
		console.log(newArr)
		//{"id": 1, "name": "李四"},{"id": 2, "name": "张三"}, {"id": 5, "name": "王麻子"}
	}
	arrSet(objArr)