基础数据
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合并,对象转数组
猜你喜欢
- CSS实现带遮罩层可关闭的弹窗效果 2024-02-21
- 关于CSS Tooltips(鼠标经过时显示)的效果 2024-01-05
- laravel ajax curd 搜索登录判断功能的实现 2023-02-23
- 利用css设置元素垂直居中的解决方法汇总 2024-03-11
- 在IE中为abbr标签加样式 2022-10-16
- 「开源免费」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之动态表单设计器(五) 2023-10-08
- JavaScript把局部变量变成全局变量的方法 2024-01-16
- Bootstrap导航条可点击和鼠标悬停显示下拉菜单 2024-01-04
- JavaScript数据类型的存储方法详解 2024-03-09
- 简单实现js浮动框 2024-02-07