Heim > Web-Frontend > js-Tutorial > Wie gruppiere ich Array-Elemente in Objekten in JavaScript?

Wie gruppiere ich Array-Elemente in Objekten in JavaScript?

Patricia Arquette
Freigeben: 2024-12-16 05:43:16
Original
635 Leute haben es durchsucht

How to Group Array Items into Objects in JavaScript?

Array-Elemente in Objekte gruppieren

Sie haben die Aufgabe, ein Array von Objekten in ein neues Array mit gruppierten Objekten umzuwandeln, in denen die Werte enthalten sind für jede Gruppe werden in einem Array zusammengefasst. So können Sie dieses Problem angehen:

var myArray = [
  {group: "one", color: "red"},
  {group: "two", color: "blue"},
  {group: "one", color: "green"},
  {group: "one", color: "black"}
];
Nach dem Login kopieren
// Create a mapping of group names to arrays of values
var group_to_values = myArray.reduce(function (obj, item) {
  obj[item.group] = obj[item.group] || [];
  obj[item.group].push(item.color);
  return obj;
}, {});
Nach dem Login kopieren
// Convert the mapping to an array of grouped objects
var groups = Object.keys(group_to_values).map(function (key) {
  return {group: key, color: group_to_values[key]};
});
Nach dem Login kopieren

Das resultierende Gruppen-Array sieht wie folgt aus:

[
  {group: "one", color: ["red", "green", "black"]},
  {group: "two", color: ["blue"]}
]
Nach dem Login kopieren

Dieser Ansatz nutzt die Methoden zum Reduzieren und Zuordnen von Arrays effizient Gruppieren und transformieren Sie die Daten.

Das obige ist der detaillierte Inhalt vonWie gruppiere ich Array-Elemente in Objekten in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage