我有一个对象数组:
[
{ key : '11', value : '1100', $$hashKey : '00X' },
{ key : '22', value : '2200', $$hashKey : '018' }
];
如何通过 JavaScript 将其转换为以下内容?
{
"11": "1100",
"22": "2200"
}
我有一个对象数组:
[
{ key : '11', value : '1100', $$hashKey : '00X' },
{ key : '22', value : '2200', $$hashKey : '018' }
];
如何通过 JavaScript 将其转换为以下内容?
{
"11": "1100",
"22": "2200"
}
微小的 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
每次都复制,而是为它分配新的属性。
试图在如何在 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 }) )));
你可能正在寻找这样的东西:
// 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);
我喜欢实现这个任务的函数式方法:
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{}
是obj
reduce 函数的初始值,如果您不提供初始值,arr
则将使用第一个元素(这可能是不可取的)。
const array = [
{ key: "key1", value: "value1" },
{ key: "key2", value: "value2" },
];
const obj = Object.fromEntries(array.map(item => [item.key, item.value]));
console.log(obj);