如何在javascript中将项目转换为键/值对对象？

Question

我在将数据结构转换为键/值项时遇到问题。

我已经尝试了一些映射和转换，但我的控制台上没有显示我想要的输出。

我的函数有这个代码输出：

控制台： {BLAU: Array(1), ROT: Array(2)}

并打开：

控制台：

- BLAU: [{…}]
- ROT: (2) [{…}, {…}]

---

const vorher = [{
    BLAU: [{
      type: 'mytype1'
    }],
  },
  {
    ROT: [{
      type: 'mytype1'
    }],
    [{
      type: 'mytype2'
    }]
  }
];

我想要的输出应该是这样的：

const nachher = [{
    farbe: 'BLAU',
    typen: [{
      type: 'mytype1'
    }]
  },
  {
    farbe: 'ROT',
    typen: [{
      type: 'mytype1'
    }],
    [{
      type: 'mytype2'
    }]
  },
];

编辑：

我有这样的东西作为函数 [{…}, {…}, {…}] 的输出，它看起来像这样：

[ { id: 100, system: {id: 101, label: "BLAU", createdAt: "2019-07-30"}, details: [{...},{...}], info: "Test" }, { id: 400, system: {id: 404, label: "ROT", createdAt: "2019-07-30"}, details: [{...},{...}], info: "Test" } ]

我想通过 系统标签 与上面所需的输出对它进行分组。 GroupBy 只给我一个对象。

Answer 1

您可以获取对象的第一个条目，将其解构为所需的键/值对并返回一个新对象。

const
    data = [{ BLAU: [{ type: 'mytype1' }] }, { ROT: [{ type: 'mytype1' }, { type: 'mytype2' }] }],
    result = data.map(o => {
        var [farbe, typen] = Object.entries(o)[0];
        return { farbe, typen };
    });

console.log(result);