在对象数组中排序和推送对象

Question

很抱歉缺少代码-但这是一个非常简单的javascript问题。

我需要对对象数组进行排序，并将具有相同键/值对的对象推送到新数组。

我正在整理的对象是足球运动员。 我将所有玩家放在一个对象数组中，并希望将每个位置推入自己的数组中。

例如 每个对象都有一个键“ position”，因此任何键“ position”的值为“ QB”的对象都应推入新数组“ Quarterbacks”。

什么是对对象进行排序并将其推入适用于我的场景的新数组的正确方法？

Answer 1

您可以创建一个索引对象，其中包含到目前为止您所看到的所有位置，然后为每个位置累积一个玩家数组：

 var data = [ {position: "quarterback", name: "Bob"}, {position: "center", name: "Jim"}, {position: "quarterback", name: "Ted"}, ]; var positions = {}; data.forEach(function(item) { if (!(item.position in positions)) { positions[item.position] = []; } positions[item.position].push(item); }); log(positions); function log(x) { var div = document.createElement("div"); div.innerHTML = JSON.stringify(x); document.body.appendChild(div); } 

或者，您可以将其变成一个通用的分组函数，如下所示：

 var data = [ {position: "quarterback", name: "Bob"}, {position: "center", name: "Jim"}, {position: "quarterback", name: "Ted"} ]; function groupData(data, key) { var results = {}; data.forEach(function(item) { console.log(item); var value = item[key]; if (!(value in results)) { results[value] = []; } results[value].push(item); }); return results; } log(groupData(data, "position")); function log(x) { var div = document.createElement("div"); div.innerHTML = JSON.stringify(x); document.body.appendChild(div); } 

Answer 2

您可以使用Array.prototype.forEach ：

 var data = [ { position: "quarterback", name: "Bob" }, { position: "center", name: "Jim" }, { position: "quarterback", name: "Ted" }, ]; var dataByPositions = {}; data.forEach(function(x) { dataByPositions[x.position] = dataByPositions[x.position] || []; dataByPositions[x.position].push(x); }); // Demonstration purposes only: document.body.innerHTML = "<pre>" + JSON.stringify(dataByPositions, null, 4) + "</pre>";