JS数组对象取出指定元素相同的对象组成新数组

你一定要努力，但千万别着急

于 2021-08-03 13:38:24 发布

阅读量1.9k

点赞数 3

分类专栏： JQ

本文链接：https://blog.youkuaiyun.com/qq_37330613/article/details/119346703

版权

JQ 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript处理重复数组元素的方法，通过遍历数组并将数据聚合到对象中，最终转换为所需的数据结构。该方法可以高效地处理大量重复数据，并保持数据的完整性和一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要处理的数组
arr = [
	 {guid: "BMID0152", name: "北京研发中心", percentage: "1"},
	 {guid: "BMID0154", name: "北京一部研发中心", percentage: "2"},
	 {guid: "BMID0155", name: "北京二部研发中心", percentage: "3"},
	 {guid: "BMID0152", name: "北京研发中心", percentage: "1"},
	 {guid: "BMID0154", name: "北京一部研发中心", percentage: "2"},
	 {guid: "BMID0155", name: "北京二部研发中心", percentage: "3"},
	 {guid: "BMID0152", name: "北京研发中心", percentage: "1"},
	 {guid: "BMID0154", name: "北京一部研发中心", percentage: "2"},
	 {guid: "BMID0155", name: "北京二部研发中心", percentage: "3"}
]

想处理成
[
	{
		name: "北京研发中心",
		data: [1, 1, 1]
	},
	{
		name: "北京一部研发中心",
		data: [2, 2, 2]
	},
	{
		name: "北京二部研发中心",
		data: [3, 3, 3]
	}
]

实现代码
let dataInfo = {}
arr.forEach(item => {
	let { name } = item // name = item.name
	if (!dataInfo[name]) {
		dataInfo[name] = {
			name, // name: name
			data: []
		}
	}
	dataInfo[name].data.push(item.percentage)
})
let result = Object.values(dataInfo)