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

Question

我有一个对象数组:

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

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

{
  "11": "1000",
  "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每次都复制,而是为其分配新属性.

Answer 2

我喜欢实现此任务的功能方法:

var arr = [{ key:"11", value:"1100" }, { key:"22", value:"2200" }];
var result = arr.reduce(function(obj,item){
  obj[item.key] = item.value; 
  return obj;
}, {});

注意: Last {}是objreduce函数的初始值,如果您不提供初始值,arr则将使用第一个元素(这可能是不合需要的).

https://jsfiddle.net/GreQ/2xa078da/

Answer 3

你可能正在寻找这样的东西:

// original
var arr = [ 
  {key : '11', value : '1100', $$hashKey : '00X' },
  {key : '22', value : '2200', $$hashKey : '018' }
];

//convert
var result = {};
for (var i = 0; i < arr.length; i++) {
  result[arr[i].key] = arr[i].value;
}

console.log(result);

Answer 4

试着解决这个问题,应该这样做:

var array = [
    {key:'k1',value:'v1'},
    {key:'k2',value:'v2'},
    {key:'k3',value:'v3'}
];
var mapped = array .map(item => ({ [item.key]: item.value }) );
var newObj = Object.assign({}, ...mapped );
console.log(newObj );

一内胆:

var newObj = Object.assign({}, ...(array.map(item => ({ [item.key]: item.value }) )));

Answer 5

您可以将一组对象合并到一行中的一个对象中：

const obj = Object.assign({}, ...array);

Answer 6

使用reduce的简单方法

// Input : 
const data = [{key: 'value'}, {otherKey: 'otherValue'}];

data.reduce((prev, curr) => ({...prev, ...curr}) , {});

// Output
{key: 'value', otherKey: 'otherValue'}

使用 Object.assign 更简单

Object.assign({}, ...array);

Answer 7

使用现代JavaScript执行此操作的简洁方法如下:

const array = [
  { name: "something", value: "something" },
  { name: "somethingElse", value: "something else" },
];

const newObject = Object.assign({}, ...array.map(item => ({ [item.name]: item.value })));

// >> { something: "something", somethingElse: "something else" }

Answer 8

根据许多作者建议的答案，我创建了一个 JsPref 测试场景。https://jsperf.com/array2object82364

下面是性能截图。看到 chrome 的结果与 firefox 和 edge 形成对比，让我有点震惊，即使在运行几次之后也是如此。

Answer 9

使用lodash!

const obj = _.keyBy(arrayOfObjects, 'keyName')

Answer 10

使用Object.fromEntries：

const array = [
    { key: "key1", value: "value1" },
    { key: "key2", value: "value2" },
];

const obj = Object.fromEntries(array.map(item => [item.key, item.value]));

console.log(obj);