
基础数据
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子数组(支持低版本浏览器)
上面是“一个对象数组中根据相同id合并,对象转数组”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_1776.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

FCPX资源站:一个专注于Final Cut Pro X软件及相关插件、模板的在线平台
AI功夫视频生成器(AI KungFu Video Generator)
script标签中有哪些属性
Assistive Video:上传一张照片看它活灵活现地呈现出来
利用css3+div做一个动态红灯笼(摇摆效果)
深度求索(快捷指令):使用 DeepSeek API 增强Siri能力的快捷指令