javascript - 展平对象中的数组

Question

我有一个对象如下:

const USER_MAP = {
  PREMIUM: ['a', 'b'],
  RETAIL: ['c', 'd']
};

我想转换到下面

[
  { segment: 'PREMIUM', id: 'a' },
  { segment: 'PREMIUM', id: 'b' },
  { segment: 'RETAIL', id: 'c' },
  { segment: 'RETAIL', id: 'd' }
]

我想出了一个解决方案，如下所示

const USER_MAP = {
  PREMIUM: ['a', 'b'],
  RETAIL: ['c', 'd']
};


const userList = Object.entries(USER_MAP).reduce((accumulator, currentValue) => {
   const userListByType = currentValue[1].map(id => ({ id, segment: currentValue[0]}))
  return [...accumulator, ...userListByType]
}, []);

console.log(userList);

它有效，但我想知道是否有更好的方法来实现上述目标？就可读性而言，因为我在 reduce 中嵌套了一个 map，在我看来，我可能会把这里的东西复杂化

Answer 1

你可以拿Array#flatMap带有外键的嵌套对象的映射。

const
    USER_MAP = { PREMIUM: ['a', 'b'], RETAIL: ['c', 'd'] },
    result = Object
        .entries(USER_MAP)
        .flatMap(([segment, a]) => a.map(id => ({ segment, id })));

console.log(result);

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