Wie kann ich JavaScript-Objekte mit der Methode „reduce()' nach Schlüssel gruppieren?

Gruppieren von Objekten nach Schlüssel mithilfe von JavaScript

Das Gruppieren eines Arrays von Objekten nach einem bestimmten Schlüssel ist eine häufige Aufgabe in der Programmierung, insbesondere bei der Arbeit mit Datensätze. Eine effiziente Möglichkeit, dies zu erreichen, ist die Methode Reduce().

In JavaScript können Sie die folgenden Schritte ausführen:

1. Deklarieren Sie ein Array von Objekten: Nehmen wir an, Sie haben ein Array von Autoobjekten, ähnlich dem Beispiel im Frage:

const cars = [
    { make: 'audi', model: 'r8', year: '2012' },
    { make: 'audi', model: 'rs5', year: '2013' },
    { make: 'ford', model: 'mustang', year: '2012' },
    { make: 'ford', model: 'fusion', year: '2015' },
    { make: 'kia', model: 'optima', year: '2012' },
];

2. Initialisieren Sie ein Objekt als Akkumulator: Erstellen Sie ein leeres Objekt, das als Akkumulator für die Methode Reduce() dient. Dieses Objekt speichert die gruppierten Werte.

const groupedCars = {};

3. Verwenden Sie Reduce(), um über das Array zu iterieren:Verwenden Sie die Reduce()-Methode für das Autos-Array, um über jedes Objekt iterieren. Die Funktion „reduce()“ benötigt zwei Argumente:

• accumulator: Das in Schritt 2 erstellte Objekt.
• currentElement: Das aktuelle Objekt, über das iteriert wird.

4. Fügen Sie Objekte zum hinzu Accumulator: Überprüfen Sie innerhalb der Methode „reduce()“, ob die aktuelle make-Eigenschaft als Eigenschaft im Accumulator-Objekt vorhanden ist. Wenn es nicht vorhanden ist, erstellen Sie ein neues Array für diese Eigenschaft. Schieben Sie dann das currentElement in das erstellte Array. Dieser Prozess gruppiert Objekte effektiv nach ihrer Marke.

const groupedCars = cars.reduce((accumulator, currentElement) => {
  const make = currentElement.make;

  if (!accumulator[make]) {
    accumulator[make] = [];
  }

  accumulator[make].push(currentElement);

  return accumulator;
}, {});

5. Gruppiertes Objekt zurückgeben: Die Methode „reduce()“ gibt das akkumulierte Objekt zurück, das das gruppierte Objekt enthält Werte.
6. Das gruppierte Ergebnis protokollieren: Sie können das gruppierte Objekt in der Konsole protokollieren, um es zu überprüfen Ausgabe.

console.log(groupedCars);

Dieser Ansatz verwendet Vanilla-JavaScript und bietet eine strukturierte Möglichkeit, Objekte basierend auf einem angegebenen Schlüssel zu gruppieren und ein neues Objekt mit den gruppierten Werten zu erstellen.

Das obige ist der detaillierte Inhalt vonWie kann ich JavaScript-Objekte mit der Methode „reduce()' nach Schlüssel gruppieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!