将数组转换为以数组项为键值的自定义对象

Question

我对 JS 有点陌生，所以我有点被这个看似简单的问题困住了。 我必须从以下位置转换有效负载：

const payload = {left: ['name', 'phone'], right: ['address']} 

至：

const payload = 
  columns: {
      name: {
        pinned: 'left',
      },
      phone: {
        pinned: 'left',
      },
      address: {
        pinned: 'right'
     }
    },

到目前为止，我想出了这样的事情：

const left = pinnedColumns.left.map((col) => ({ [col]: { pinned: 'left' } }));

但是它创建了一个以索引为键的数组。

Answer 1

这可以通过 reduce 函数解决：

const payload = {left: ['name', 'phone'], right: ['address']} 

const result = Object.entries(payload).reduce((acc, [key, values]) => {
  for (const value of values) {
    acc.columns[value] = {pinned: key}
  }
  return acc
}, {columns: {}})

console.log(result)