我有一个对象数组:
[
{ 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"
}
当前回答
使用reduce的简单方法
// Input :
const data = [{key: 'value'}, {otherKey: 'otherValue'}];
data.reduce((prev, curr) => ({...prev, ...curr}) , {});
// Output
{key: 'value', otherKey: 'otherValue'}
使用Object.assign更简单
Object.assign({}, ...array);
其他回答
/ /原始 Var arr = [{ 关键:“11”, 价值:“1100”, $ $ hashKey: 00 x ' }, { 关键:“22”, 价值:“2200”, $ $ hashKey:“018” } ]; //我的解决方案 Var obj = {}; 对于(设I = 0;I < arrr .length;我+ +){ obj arr[[我]。Key] = arr[i].value; } console.log (obj)
这应该做到:
Var数组= [ {key: 'k1', value: 'v1'}, {key: 'k2', value: 'v2'}, {键:'k3',值:'v3'} ]; Var mapped = array。Map (item => ({[item。关键:项目。Value})); var newObj =对象。分配({},……映射); console.log (newObj);
var newObj = Object.assign({}, ...(array.map(item => ({ [item.key]: item.value }) )));
微小的ES6解决方案可以看起来像:
var arr =[{关键:“11”,值:" 1100 "},{关键:“22”,值:" 2200 "}); Var对象= arr.reduce( (obj, item) =>对象。赋值(obj,{[项目。关键:项目。Value}), {}); console.log(对象)
同样,如果你使用对象扩展,它可以看起来像:
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,而是将新属性赋给它。
坐地lodash !
const obj = _.keyBy(arrayOfObjects, 'keyName')
在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'}