javascript - 使用 Array.reduce() 将数组转换为对象

Question

这个问题已经有答案了:

How to create an object from an Array of key-value pairs? (7 个回答)

已关闭 4 年前。

我有一个键值对数组:

const arr = [
  { key: 'One', value: '1' },
  { key: 'Two', value: '2' },
  { key: 'Three', value: '3' }
];

我想将上面的数组转换为这种对象:

const obj = {
  'One': '1',
  'Two': '2',
  'Three': '3'
}

通过使用 Array.reduce()功能。这是我到目前为止所做的:

const obj = arr.reduce( (prev, curr) => prev[curr.key] = curr.value, {} );

这不起作用，因为在 reduce 第二次运行时函数，prev 未定义，因此我收到此错误:

ERROR Error: Uncaught (in promise): TypeError: Cannot set property 'Two' of undefined

我以为我能够作曲 obj在每个 reduce迭代...我做错了什么？

Answer 1

您可以在reduce方法中使用Object.assign。

const arr = [{ key: 'One', value: '1' },{ key: 'Two', value: '2' },{ key: 'Three', value: '3' }];
const obj = arr.reduce( (prev, {key, value}) => Object.assign(prev, {[key]: value}), {} );
console.log(obj)