javascript - 展平嵌套对象数组

Question

我有这样的数据:

data = [
  {
    "foo": {"name":"foo-name"},
    "bar": {"name":"bar-name"}
  },
  {
    "baz": {"name":"baz-name"}
  }
]

我想要的输出是:

[
  { "foo": {"name":"foo-name"}},
  { "bar": {"name":"bar-name"}},
  { "baz": {"name":"baz-name"}}
]

我如何获得这个结构？我尝试使用 concat，但意识到它不起作用，因为我们处理的是嵌套对象而不是嵌套数组。然后我尝试以不同的方式迭代，但没有实现我想要的。一种尝试如下:

const newData = data.map((x) => {
  return Object.keys(x).map(el => {
    return {[el]: x};
  })
})

但这只会使它更加嵌套。

Answer 1

您可以使用 flatMap

let data = [{"foo": {"name":"foo-name"},"bar": {"name":"bar-name"}},{"baz": {"name":"baz-name"}}]

let final = data.flatMap(a => Object.entries(a).map(([k, v]) => ({
  [k]: v
})))

console.log(final)