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

Question

我有一个对象数组：

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

如何使用JavaScript将其转换为如下形式？

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

- Vijay Chouhan

---

[{key:"11", value:"1100"}, {key:"22", value:"2200"}].reduce(function(m,v){m[v.key] = v.value; return m;}, {})这段代码是将一个数组转换为一个对象。该对象的键是数组中每个元素的 "key" 属性，值是相应元素的 "value" 属性。在代码中，reduce 方法被用于迭代数组并构建最终的目标对象。 - david

如果你正在寻找这个的反向操作：将对象转换为键值对对象数组，例如 { name: "Apple", value: "0.6" }。如果你正在寻找另一种变体，其中结果是另一个具有单个属性的对象数组（例如 [ { "11": "1100" }, { "22": "2200" } ]），请参见如何将键值对对象数组转换为具有单个属性的对象数组？。 - Sebastian Simon

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}) ,{});

还有一种解决方案，在jsperf测试结果中快了99%：

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

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

- Shevchenko Viktor

---

喜欢这个代码！ var object = arr.reduce((obj, item) => (obj[item.key] = item.value, obj) ,{}); （说明：此代码为 JavaScript 语言代码，用于将一个数组转化为一个对象） - Sohail

这一行代码比传统的循环更快吗？ - Jeb50

@Jeb50，传统的循环是最快的，但与逗号运算符相比并没有快多少。Object.assign/spread运算符慢了一个数量级：https://jsperf.com/comma-operator-js - Josh Geller

你忘记了展开第二个对象 ({...obj, ...{[item.key]: item.value}}) ,{}); - Julia

这应该是 var object = arr.reduce((obj, item) => { obj[item.key] = item.value; return obj} ,{});。 - kasvith

Answer 2

这应该就可以了：

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 }) )));

- FirstOne

---

非常感谢！这应该是2021年的最佳答案。也许@vijay-chouhan可以接受它。 - rickstaa

该评论应保持为2022年及以后的接受答案。 - 3m1n3nc3

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);

- Tibos

Answer 4

我喜欢采用功能性方法来完成这个任务：

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

注意：最后的{}是reduce函数的初始obj值，如果您不提供初始值，则将使用第一个arr元素（这可能是不希望的）。

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

- GreQ

---

如果密钥是动态的呢？ - Stefano Saitta

你应该知道给定的项目/对象中哪个属性应该用作键，哪个应该用作值，对吧？ 但是，如果我们假设第一个属性始终是键，第二个属性是值，我们可以使用这样的回调函数： function(obj,item){ var keys = item.keys(); obj[item[keys[0]]] = item[keys[0]]; return obj; } - GreQ

以上回调的更正： 代码 var obj = arr.reduce(function(obj,item){ var keys = Object.keys(item); obj[item[keys[0]]] = item[keys[1]]; return obj; },{}); - GreQ

Answer 5

使用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);

- Brage

---

在我看来，这比Array.map的解决方案更清晰易读。 - Grant Humphries

这是我认为最干净的方法，值得更多的赞！ - Yahya Abou Imran

Answer 6

你可以将对象数组合并为一个对象，只需一行代码：

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

- Hisham

---

只有当数组中的对象具有不同的键时，这才起作用；因此据我所知，它只会保留最后一个对象。 - AncientSwordRage

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" }

- Hedley Smith

Answer 8

使用lodash！

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

- ahhhhhhhhhhhhhhhhhhhhhhhhhhhhh

---

这将导致以下结果： { 11:{ key : '11', value : '1100', $$hashKey : '00X' }, 22:{ key : '22', value : '2200', $$hashKey : '018' } } 相反，您想要做的是： const obj= _.chain(arrayOfObjects) .keyBy('keyName') .mapValues('value') .value(); - vilem cech

Answer 9

使用reduce的简单方法

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

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

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

更简单的使用 Object.assign

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

- Yacine MEDDAH

Answer 10

更新：世界一直在转动。使用功能方法。

---

之前的答案

这里是：

var arr = [{ key: "11", value: "1100" }, { key: "22", value: "2200" }];
var result = {};
for (var i=0, len=arr.length; i < len; i++) {
    result[arr[i].key] = arr[i].value;
}
console.log(result); // {11: "1000", 22: "2200"}

- pstadler

---

因为这是解决这个问题的方法。例如，关于命名：array是一个保留关键字，所以人们使用arr代替。等等。 - pstadler