合并数组中含有多个相同属性的数组

最新推荐文章于 2024-07-04 16:44:25 发布

原创最新推荐文章于 2024-07-04 16:44:25 发布 · 328 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

知识

本文介绍了一个JavaScript数组转换的例子，通过对原始数组进行遍历和重组，将其转换为以年级名称为键的对象集合，每个对象包含了该年级的详细信息及所属班级的数据。

改变之前的数组

改变之后的数组

代码实例

let classList=[
            {gradeId:1,gradeName:'一年级',classId:'11',className:'1班'},
            {gradeId:1,gradeName:'一年级',classId:'12',className:'2班'},
            {gradeId:1,gradeName:'一年级',classId:'13',className:'3班'},
            {gradeId:2,gradeName:'二年级',classId:'21',className:'1班'},
            {gradeId:2,gradeName:'二年级',classId:'22',className:'2班'},
            {gradeId:3,gradeName:'三年级',classId:'31',className:'1班'},
            {gradeId:3,gradeName:'三年级',classId:'32',className:'2班'},
            {gradeId:3,gradeName:'三年级',classId:'33',className:'3班'},
            {gradeId:3,gradeName:'三年级',classId:'34',className:'4班'},
      ]
          console.log(classList)
          let dataInfo = {}
          classList.forEach(item => {
            let { gradeName } = item
            if (!dataInfo[gradeName]) {
              dataInfo[gradeName] = {
                gradeName,
                gradeId: item.gradeId,
                classData: []
              }
            }
            dataInfo[gradeName].classData.push(item)
          })
          let gradeList = Object.values(dataInfo)
          console.log(gradeList)

标签

#javascript #前端 #vue.js