一个数组多个对象，根据对象相同属性重新组件新数组

最新推荐文章于 2023-01-29 15:23:45 发布

Amy o-O

最新推荐文章于 2023-01-29 15:23:45 发布

阅读量1.5k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Amy_cloud/article/details/89415790

版权

JavaScript 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

在这里插入图片描述

json结构如下：

var stu_list = [
    {name:'lili',uid:123,exam_id:234,score:12},
    {name:'lili2',uid:321,exam_id:234,score:12},
    {name:'lili',uid:123,exam_id:231,score:120},
    {name:'lili2',uid:321,exam_id:231,score:12},
    {name:'lili',uid:123,exam_id:232,score:129},
    {name:'lili2',uid:321,exam_id:232,score:12},
    {name:'lili3',uid:09,exam_id:232,score:12},
    {name:'lili3',uid:09,exam_id:234,score:12},
    {name:'lili3',uid:09,exam_id:231,score:12},
]

var sub_list = [
    {exam_name:'语文',exam_id:234},
    {exam_name:'数学',exam_id:231},
    {exam_name:'英语',exam_id:232},
]

我们要实现图片展示的效果：

var tb = [];
var narr = [];
for (var i = 0; i < stu_list.length; i++) {
    var n = tb.indexOf(stu_list[i].name);
    if (n==-1) {
        tb.push(stu_list[i].name);
        narr.push({ list : [{score:stu_list[i].score,exam_id:stu_list[i].exam_id}] , name: stu_list[i].name});
    } else {
        narr[n].list.push({score:stu_list[i].score,exam_id:stu_list[i].exam_id});
    }
}

console.log( JSON.stringify(narr) ,tb)

在这里插入图片描述