重新排列动态对象以形成结构化对象

时间:2019-03-04 14:24:21

标签: javascript arrays object ecmascript-6

我有一个像这样的对象:

const val = {"abc":{"1":1, "2":6,"3":5},"def":{"1":3, "2":4,"3":8},"xyz":{"1":5, "2":6,"3":7}}

我要像下面那样变换对象数据:

[{"abc":1,"def":3,"xyz":5},{"abc":6,"def":4,"xyz":6}, ...]

所有值都是动态的,可能有任意数量的内部对象

我尝试过这样:

const val = {"abc":{"1":1, "2":6,"3":5},"def":{"1":3, "2":4,"3":8},"xyz":{"1":5, "2":6,"3":7}}

let dataObj = {};
let secondArr = [];
let dataArr =[]
Object.entries(val).map(firstObj=>{
    Object.entries(firstObj[1]).forEach(secondObj => {
  dataObj={[firstObj[0]]:secondObj[1]};
      secondArr.push(dataObj);
    })
  dataArr.push(secondArr)
})

console.log(dataArr)

有人可以告诉我解决方案吗? 预先感谢

1 个答案:

答案 0 :(得分:2)

您可以迭代对象的条目,并将内键作为带有外键和值的新对象的数组的索引。

var data = { abc: { 1: 1, 2: 6, 3: 5 }, def: { 1: 3, 2: 4, 3: 8 }, xyz: { 1: 5, 2: 6, 3: 7 } },
    result = Object
        .entries(data)
        .reduce((r, [k, o]) => {
            Object.entries(o).forEach(([i, v]) =>
                Object.assign(r[i - 1] = r[i - 1] || {}, { [k]: v }));
            return r;
        }, []);

console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }