如何将一个键投影到一个数组中以产生一个对象数组?

Question

给定此源对象:

const src = { a: [1, 2, 3]} }

我想把它转换成一个代表所有组合(3)的对象数组:

[{a: 1}, {a: 2}, {a: 3}]

我目前的代码可以工作，但感觉不优雅:

const arrPairs = [];
Object.keys(src).map((el) => {
src[el].forEach(element => {
arrPairs.push({[el]: element});
});
});

我有一种感觉，map/reduce的某种组合会做得更简洁，我只是想不出来。

Answer 1

您可以遍历具有.flatMap的条目，并将每个值映射到与其相关的对象。

const src = { a: [1, 2, 3], 
b: [4, 5, 6, 7], 
c: [8, 9, 10, 11, 12] };
const result = Object.entries(src)
.flatMap(([key, arr]) => arr.map(val => ({[key]: val})));
console.log(result);

Answer 2

您可以轻松地使用reduce和map实现结果

const src = {
a: [1, 2, 3],
};
const result = Object.keys(src).reduce(
(acc, curr) => [...acc, ...src[curr].map((val) => ({ [curr]: val }))],
[]
);
console.log(result);