javascript - 如何在 JavaScript 中将对象数组转换为一个对象？

Question

我有一个对象数组:

[ 
  { key : '11', value : '1100', $$hashKey : '00X' },
  { key : '22', value : '2200', $$hashKey : '018' }
];

如何通过 JavaScript 将其转换为以下内容？

{
  "11": "1100",
  "22": "2200"
}

Answer 1

微型 ES6 解决方案看起来像:

var arr = [{key:"11", value:"1100"},{key:"22", value:"2200"}];
var object = arr.reduce(
  (obj, item) => Object.assign(obj, { [item.key]: item.value }), {});

console.log(object)

另外，如果你使用对象传播，它看起来像:

var object = arr.reduce((obj, item) => ({...obj, [item.key]: item.value}) ,{});

另一种速度提高 99% 的解决方案是(在 jsperf 上测试):

var object = arr.reduce((obj, item) => (obj[item.key] = item.value, obj) ,{});

这里我们受益于逗号运算符，它计算逗号之前的所有表达式并返回最后一个(在最后一个逗号之后)。因此，我们不会每次都复制 obj，而是为其分配新的属性。