如何将具有相同键的一组对象组合成一个对象?
How can I combine an array of objects with the same keys into one object?
如果我从以下开始:
var people = [
{id: 9, name: 'Bob', age: 14},
{id: 11, name: 'Joe', age: 15},
{id: 12, name: 'Ash', age: 24}]
我试图使用 underscore.js 或 lodash 得到的是一个 hash/object 和集合中所有值的数组:
{
id: [9, 11, 12],
name: ['Bob', 'Joe', 'Ash'],
age: [14, 15, 24]
}
有什么想法吗?
直接 JavaScript 代码的答案(无库):
var result = {};
for (var i = 0; i < people.length; i++) {
var item = people[i];
for (var key in item) {
if (!(key in result))
result[key] = [];
result[key].push(item[key]);
}
}
我不太了解javascript。
但是一种方法是创建三个数组,比方说
var id = [];
var name = [];
var age = [];
然后遍历 people 数组
for(var i=0; i<people.length; i++){
id.push(people[i].id);
name.push(people[i].name);
age.push(people[i].age);
}
现在你有了三个数组,分别包含 ID、姓名和年龄
最后一步是创建最终对象
var object = {
id:id
name:name
age:age
};
使用 array.map():
var acc = {};
for (k in people[0]) {
acc[k] = people.map(function (x) {
return x[k]
})
}
fiddle
此解决方案假定所有需要的密钥都可以在 people[0]
...
中找到
编辑:
这是一个更极端的版本,应该一路抓住关键:
people.reduce(function (ac, item) {
for (k in item) {
if(!ac[k])
ac[k] =[];
ac[k].push(item[k])
}
return ac
}, {})
fiddle2
使用 Object.keys
、Array.prototype.reduce
和 Array.prototype.map
方法的替代方法:
var res = Object.keys(people[0]).reduce(function(ret, key) {
ret[key] = people.map(function(el) { return el[key]; });
return ret;
}, {});
这是一个替代的简单 javascript 答案。和奈雪的基本一样,但可能表现力更强一些。
var obj = {};
people.forEach(function(person){
for(prop in person) {
obj[prop] = obj[prop] || [];
obj[prop].push(person[prop]);
}
});
如果我从以下开始:
var people = [
{id: 9, name: 'Bob', age: 14},
{id: 11, name: 'Joe', age: 15},
{id: 12, name: 'Ash', age: 24}]
我试图使用 underscore.js 或 lodash 得到的是一个 hash/object 和集合中所有值的数组:
{
id: [9, 11, 12],
name: ['Bob', 'Joe', 'Ash'],
age: [14, 15, 24]
}
有什么想法吗?
直接 JavaScript 代码的答案(无库):
var result = {};
for (var i = 0; i < people.length; i++) {
var item = people[i];
for (var key in item) {
if (!(key in result))
result[key] = [];
result[key].push(item[key]);
}
}
我不太了解javascript。 但是一种方法是创建三个数组,比方说
var id = [];
var name = [];
var age = [];
然后遍历 people 数组
for(var i=0; i<people.length; i++){
id.push(people[i].id);
name.push(people[i].name);
age.push(people[i].age);
}
现在你有了三个数组,分别包含 ID、姓名和年龄
最后一步是创建最终对象
var object = {
id:id
name:name
age:age
};
使用 array.map():
var acc = {};
for (k in people[0]) {
acc[k] = people.map(function (x) {
return x[k]
})
}
fiddle
此解决方案假定所有需要的密钥都可以在 people[0]
...
编辑:
这是一个更极端的版本,应该一路抓住关键:
people.reduce(function (ac, item) {
for (k in item) {
if(!ac[k])
ac[k] =[];
ac[k].push(item[k])
}
return ac
}, {})
fiddle2
使用 Object.keys
、Array.prototype.reduce
和 Array.prototype.map
方法的替代方法:
var res = Object.keys(people[0]).reduce(function(ret, key) {
ret[key] = people.map(function(el) { return el[key]; });
return ret;
}, {});
这是一个替代的简单 javascript 答案。和奈雪的基本一样,但可能表现力更强一些。
var obj = {};
people.forEach(function(person){
for(prop in person) {
obj[prop] = obj[prop] || [];
obj[prop].push(person[prop]);
}
});