如何在 JavaScript 中从数组的值创建多个对象？

Question

我有一个这样的数组：

const data = [{
color:"red",
to:1,
from:2,
opacity:12

}]

我想要这样的东西：

const converted = [{from:2},{to:1},{opacity:12}]

我正在尝试的是：

const mappeData = data.map(({from,to,opacity})=>({from:from},{to:to},{opacity:opacity}))

但这不起作用。

Answer 1

所以你可以遍历数组，对于每个对象，我们可以获得数组中对象的键，并使用map 将它们转换为我们想要的输出，然后输出将返回一个数组，但我们可以使用@987654321 @ 这会将返回的数组展平为单个对象数组！

感谢 pilchard 教授有关 flatMap 的知识！

const data = [{
color:"red",
to:1,
from:2,
opacity:12

}]

const arr = data.flatMap(x => Object.keys(x).map(data => ({[data]: x[data]})))

console.log(arr);