使用相同的鍵（將值作為數組）將多個對象轉換為一個對象

Question

所以這里是交易。 我有一個包含一堆看起來像這樣的對象的數組：

[{
  "this": 5,
  "that": 300,
  "those": 15
},
{
  "this": 6,
  "that": 301,
  "those": 16
},
{
  "this": 7,
  "that: 302,
  "those": 17
}]

我想要的是一個對象，看起來像這樣：

{
  "this": [5, 6, 7],
  "that": [300, 301, 302],
  "those": [15, 16, 17]

}

我真的不知道該怎么稱呼，也不知道要搜索什么，所以找不到任何可以幫助我的類似東西。

Answer 1

嘗試這個：

var a = [{
    "this": 5,
    "that": 300,
    "those": 15
},{
    "this": 6,
    "that": 301,
    "those": 16
},{
    "this": 7,
    "that": 302,
    "those": 17
}];

a = a.reduce(
    function(obj, item){             // Map the item to the object.
        obj.this.push(item.this);
        obj.that.push(item.that);
        obj.those.push(item.those);
        return obj;
    },
    {"this":[],"that":[],"those":[]} // Default (empty) object.
);

這使用Array.prototype.reduce() 。

Answer 2

對於較舊的瀏覽器（即IE8）， reduce不可用。 如果您仍然想支持這些，則可以嘗試：

var arr = [{
    "this": 5,
        "that": 300,
        "those": 15
}, {
    "this": 6,
        "that": 301,
        "those": 16
}, {
    "this": 7,
        "that": 302,
        "those": 17
}];

var result = {};
for (var i = 0; i < arr.length; i++) {
    for (var x in arr[i]) {
        if (!result[x]) {
            result[x] = [];
        }
        result[x].push(arr[i][x]);
    }
}
console.log(result);

編輯：這還將允許在不更改轉換代碼的情況下修改源數組。

Answer 3

花式減少+ concat變化

[{"this": 5, "that": 300, "those": 15}, {"this": 6, "that": 301, "those": 16 }, {"this": 7, "that": 302, "those": 17}]

.reduce(function(prev, curr) {
    return {
        "this":  [].concat(prev["this"], [curr["this"]]),
        "that":  [].concat(prev["that"], [curr["that"]]),
        "those": [].concat(prev["those"], [curr["those"]]),
    };
})

結果：

{"this":[5,6,7],"that":[300,301,302],"those":[15,16,17]}

自己在控制台中進行測試。

通過使用concat我們不必傳遞空的{"this":[],"that":[],"those":[]}初始值。

版本＃2。 通用代碼

[{"this": 5, "that": 300, "those": 15}, {"this": 6, "that": 301, "those": 16 }, {"this": 7, "that": 302, "those": 17}]

.reduce(function(prev, curr) {
    for (var key in prev) {
        prev[key] = [].concat(prev[key], curr[key])
    }
    return prev;
})

如您所見，此版本不對鍵名進行任何假設。