一个对象数组中根据相同id合并,对象转数组

1122 ℃

基础数据

let eduLevelArray = [
{
	id: "1",
	name: "张三",
	edu: "小学"
},{
	id: "2",
	name: "李四",
	edu: "初中"
},{
	id: "1",
	name: "张三",
	edu: "高中"
},{
	id: "2",
	name: "李四",
	edu: "大学"
},{
	id: "3",
	name: "王五",
	edu: "研究生"
}];

执行方法

let reArr = eduLevelArray.reduce((obj, item) => {
	if(obj[item.id]){
	   obj[item.id].edu.push(item.edu)
	}else{
	   item.edu = [item.edu]   
	   obj[item.id] = {...item}
	}
	 return obj;
}, {});

//执行Object方法
let mergedArray = Object.values(reArr);

console.log(mergedArray)

输出结果:

mergedArray = [{
	id: "1",
	name: "张三",
	edu:["小学", "高中"]
},{
	id: "2",
	name: "李四",
	edu: ["初中", "大学"]
},{
	id: "3",
	name: "王五",
	edu: ["研究生"]
}]

进入前端入门建站教程官网入口

js根据相同key合并生成子数组children(兼容ie10)

javascript根据相同id合并形成child子数组(支持低版本浏览器)

js数组里的对象相同key合并,其余多个相同key值相加

nodejs文件的分片与合并上传介绍

php合并两个数组后如何排序

标签: 三角箭头, 合并, 对象合并

上面是“一个对象数组中根据相同id合并,对象转数组”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_1776.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
vuejs鼠标拖着改变div宽度大小
vue项目如何动态设置元素高度
vue如何实现非父子组件通信
如何给网站增加百度推送功能增加网站收录
编写HTML5文档时,为什么要遵守W3C标准?