基础数据
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://ipkd.cn/webs_1776.html
workflows工作流
一群蚂蚁在路上忙碌着ComfyUI工作流
一对葫芦ComfyUI工作流
一个超现实和超现实的场景,在森林中心有一座蛇形的房子
1个很漂亮的单身小女孩ComfyUI工作流
一幅以霓虹灯照亮的城市天际线和未来主义画
在地铁站里一个迷茫的非主流姑娘
一条闪闪发光的金鱼ComfyUI工作流
一个可爱的口袋妖怪ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

2023年程序猿如何给自己开启一场烟花盛会
利用js做一个炫酷音乐背景效果
css3卡片动态滑动效果
用ascii字符画图像
css3实现星球旋转
css3+js菜单点击动态效果
SVG路径动画效果
会议人员60s签到倒计时插件










