基础数据
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: ["研究生"]
}]
以上是编程学习网小编为您介绍的“一个对象数组中根据相同id合并,对象转数组”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:一个对象数组中根据相同id合并,对象转数组


基础教程推荐
猜你喜欢
- vue文章下载功能实现 2023-10-08
- 实现点击按钮后CSS加载效果的实现 2024-02-04
- Seajs源码详解分析 2024-02-04
- CSS中元素的显示模式 2023-12-27
- Ajax请求过程中下载文件在FireFox(火狐)浏览器下的兼容问题 2022-12-18
- JS(vue iview)分页解决方案 2023-10-08
- Ajax学习笔记---3种Ajax的实现方法【推荐】 2022-12-28
- JavaScript 详解预编译原理 2023-12-19
- 关于css水平居中的小小探讨 2023-12-12
- JavaScript 模块化详解 2023-08-11