如何将具有相同键的对象数组组合为一个对象

How can I combine an array of objects with the same keys into one object?

本文关键字：对象 数组 组合 一个对象      更新时间：2023-09-26

如果我从下面开始:

var people = [
   {id: 9, name: 'Bob', age: 14},
   {id: 11, name: 'Joe', age: 15},
   {id: 12, name: 'Ash', age: 24}]

我试图使用underscore.js或lodash得到的是一个单一的哈希/对象，其中包含来自集合的所有值:

{
   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答案。它和Nayuki的基本相同，但可能更具表现力。

var obj = {};
people.forEach(function(person){
    for(prop in person) {
        obj[prop] = obj[prop] || [];
        obj[prop].push(person[prop]);
    }
});

using array.map():

var acc = {};
for (k in people[0]) {
    acc[k] = people.map(function (x) {
        return x[k]
    })
}

小提琴

这个解决方案假设所有需要的键都在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 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
};
相关文章：