基础数据
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合并,对象转数组
基础教程推荐
猜你喜欢
- 关于微信浏览器H5 React,Vue工程化项目input无法自动聚焦疑难杂症排查 2023-10-08
- css box-shadow阴影不透明的解决办法 2024-02-07
- JS返回iframe中frameBorder属性值的方法 2023-12-01
- Ajax实现文件上传功能(Spring MVC) 2023-02-23
- 在vue-cli使用scss 2023-10-08
- ajax文件上传成功 解决浏览器兼容问题 2022-12-28
- js使用swiper实现层叠轮播效果实例代码 2023-12-01
- 关于JavaScript对象类型之Array及Object 2023-07-09
- vue页面锁屏的完美解决方法记录 2023-12-14
- 详解HTML的 标签及其禁用方法 2024-02-08
