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

IT技术 javascript
2021-01-21 20:18:42

我有一个对象数组:

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

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

{
  "11": "1100",
  "22": "2200"
}
6个回答

微小的 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每次都复制,而是为它分配新的属性。

谢谢,实际上不需要将它包装在一个对象中。我已经修好了。
2021-03-15 20:18:42
喜欢那个! var object = arr.reduce((obj, item) => (obj[item.key] = item.value, obj) ,{});
2021-03-24 20:18:42
这一行是更快还是传统循环?
2021-03-25 20:18:42
你忘了传播第二个对象 ({...obj, ...{[item.key]: item.value}}) ,{});
2021-03-28 20:18:42
@Jeb50,传统循环是最快的,但与逗号运算符相差不大。Object.assign/spread 运算符慢一个数量级:jsperf.com/comma-operator-js
2021-04-08 20:18:42

试图如何在 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 }) )));
非常感谢!这应该是 2021 年公认的答案。也许@vijay-chouhan 可以接受。
2021-03-28 20:18:42
非常感谢,这是优化所有内容的一行:)
2021-04-09 20:18:42

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

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

查看FirstOne对现代方法的回答
2021-04-03 20:18:42

我喜欢实现这个任务的函数式方法:

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/

好吧,您应该知道给定项目/对象的哪个属性应该用作键,哪个作为值没有?但是,如果我们假设 wfirst 属性始终是键,其次是值,我们可以使用这样的回调函数: function(obj,item){ var keys = item.keys(); obj[item[keys[0]]] = item[keys[0]]; 返回对象;}
2021-03-17 20:18:42
如果密钥是动态的?
2021-03-21 20:18:42
上面回调的更正:代码 var obj = arr.reduce(function(obj,item){ var keys = Object.keys(item); obj[item[keys[0]]] = item[keys[1]]; return obj; },{});
2021-03-27 20:18:42

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

这比Array.mapimo 解决方案更清晰、更易于阅读
2021-04-01 20:18:42