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每次都复制，而是给它分配新的属性。

Answer 2

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

这应该这样做：

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 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 arr = [{ key:"11", value:"1100" }, { key:"22", value:"2200" }];
var result = arr.reduce(function(obj,item){
  obj[item.key] = item.value; 
  return obj;
}, {});

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

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

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

Answer 6

使用现代 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 7

使用lodash！

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

Answer 8

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

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

Answer 9

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

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

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

Answer 11

使用Underscore.js：

var myArray = [
  Object { key="11", value="1100", $$hashKey="00X"},
  Object { key="22", value="2200", $$hashKey="018"}
];
var myObj = _.object(_.pluck(myArray, 'key'), _.pluck(myArray, 'value'));

Answer 12

在 2022 年附近，当对象数组是动态的时，我特别喜欢这种方法，这也是基于 @AdarshMadrecha 的测试用例场景提出的，

const array = [ 
  { key : '11', value : '1100', $$hashKey : '00X' },
  { key : '22', value : '2200', $$hashKey : '018' }];
  
let obj = {};
array.forEach( v => { obj[v.key] = v.value }) //assign to new object
console.log(obj) //{11: '1100', 22: '2200'}

Answer 13

以下是如何将上述内容作为字符串动态接受并将其插入到对象中：

var stringObject = '[Object { key="11", value="1100", $$hashKey="00X"}, Object { key="22", value="2200", $$hashKey="018"}]';

function interpolateStringObject(stringObject) {
  var jsObj = {};
  var processedObj = stringObject.split("[Object { ");
  processedObj = processedObj[1].split("},");
  $.each(processedObj, function (i, v) {
      jsObj[v.split("key=")[1].split(",")[0]] = v.split("value=")[1].split(",")[0].replace(/\"/g,'');
  });

  return jsObj
}

var t = interpolateStringObject(stringObject); //t is the object you want

http://jsfiddle.net/3QKmX/1/

Answer 14

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

// My solution
var obj = {};
for (let i = 0; i < arr.length; i++) {
  obj[arr[i].key] = arr[i].value;
}
console.log(obj)

Answer 15

您可以为此使用 mapKeys lodash 函数。只需一行代码！

请参考这个完整的代码示例（将其复制粘贴到 repl.it 或类似文件中）：

import _ from 'lodash';
// or commonjs:
// const _ = require('lodash');

let a = [{ id: 23, title: 'meat' }, { id: 45, title: 'fish' }, { id: 71, title: 'fruit' }]
let b = _.mapKeys(a, 'id');
console.log(b);
// b:
// { '23': { id: 23, title: 'meat' },
//   '45': { id: 45, title: 'fish' },
//   '71': { id: 71, title: 'fruit' } }