我有一个对象数组:
[
{ 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 =[{关键:“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,而是将新属性赋给它。
其他回答
使用Object.fromEntries:
Const数组= [ {key: "key1", value: "value1"}, {key: "key2", value: "value2"}, ]; const obj = Object.fromEntries(array.map(item => [item. map])键,item.value])); console.log (obj);
是昨天做的
// Convert the task data or array to the object for use in the above form
const {clientData} = taskData.reduce((obj, item) => {
// Use the clientData (You can set your own key name) as the key and the
// entire item as the value
obj['clientData'] = item
return obj
}, {});
使用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'));
使用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 = [{ key:"11", value:"1100" }, { key:"22", value:"2200" }];
var result = arr.reduce(function(obj,item){
obj[item.key] = item.value;
return obj;
}, {});
注意:Last{}是reduce函数的初始obj值,如果你不提供初始值,第一个arr元素将被使用(这可能是不可取的)。
https://jsfiddle.net/GreQ/2xa078da/