js数组对象列表转对象

CSDN_33901573

已于 2022-08-11 15:05:32 修改

阅读量438

点赞数

分类专栏： JavaScript 文章标签： javascript

于 2022-08-10 11:02:56 首次发布

本文链接：https://blog.csdn.net/CSDN_33901573/article/details/126261902

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

废话不多说, 先上例子, 如下:

mdata: [
    { a: 0.0, b: 0.0, c: 0.0, d: 0.0, e: 0.0, f: 0.0, g: 0.0 },
    { a: 1.0, b: 0.0, c: 0.0, d: 0.0, e: 0.0, f: 0.0, g: 0.0 },
    { a: 2.0, b: 0.0, c: 0.0, d: 0.0, e: 0.0, f: 0.0, g: 0.0 },
    { a: 3.0, b: 0.0, c: 0.0, d: 0.0, e: 0.0, f: 0.0, g: 0.0 },
    { a: 4.0, b: 0.0, c: 0.0, d: 0.0, e: 0.0, f: 0.0, g: 0.0 }
]

将以上代码转换成对象格式, 如下:

data: {
    a: [0, 1, 2, 3, 4],
    b: [0, 0, 0, 0, 0],
    c: [0, 0, 0, 0, 0],
    d: [0, 0, 0, 0, 0],
    e: [0, 0, 0, 0, 0],
    f: [0, 0, 0, 0, 0],
    g: [0, 0, 0, 0, 0]
}

实现:

const newArr = this.mdata.reduce((obj, cur, index) => {
        Object.keys(cur).map((item) => {
          if (!obj[item]) {
            obj[item] = [cur[item]]
          } else {
            obj[item].push(cur[item])
          }
        })
        return obj
      }, {})
      console.log(newArr)

结果: