Wie füge ich JavaScript-Objekte in einem Array mit gemeinsamen Schlüsseln zusammen?

JavaScript-Objekte in einem Array mit gemeinsamen Schlüsseln zusammenführen

In JavaScript ist es oft notwendig, Objekte mit ähnlichen Schlüsseln in einem einzigen Objekt zu kombinieren . Betrachten Sie das gegebene Beispiel:

<code class="js">const array = [
  {
    name: "foo1",
    value: "val1"
  },
  {
    name: "foo1",
    value: ["val2", "val3"]
  },
  {
    name: "foo2",
    value: "val4"
  }
];</code>

Das Ziel besteht darin, dieses Array in ein „Ausgabe“-Array umzustrukturieren, in dem alle Wertschlüssel in Objekten mit gemeinsamen Namen zusammengeführt werden. Die erwartete Ausgabe würde wie folgt aussehen:

<code class="js">const output = [
  {
    name: "foo1",
    value: ["val1", "val2", "val3"]
  },
  {
    name: "foo2",
    value: ["val4"]
  }
];</code>

Zusammenführen der Objekte

Eine Lösung für dieses Problem besteht darin, die folgenden Schritte zu verwenden:

1. Durchlaufen Sie jedes Objekt im Array mit forEach().
2. Filtern Sie das Ausgabearray, um ein vorhandenes Objekt mit demselben Namensschlüssel zu finden.
3. Wenn ein vorhandenes Objekt gefunden wird, verketten Sie es Werte des aktuellen Objekts in sein Wertearray einfügen.
4. Wenn kein vorhandenes Objekt gefunden wird, erstellen Sie ein neues Objekt mit den Eigenschaften des aktuellen Objekts und fügen Sie es dem Ausgabearray hinzu.
5. Behandeln Sie die Möglichkeit dass der Wert ein String ist, indem er in ein Array konvertiert wird.

Beispielcode

Der folgende Code implementiert den beschriebenen Ansatz:

<code class="js">const array = [
  {
    name: "foo1",
    value: "val1"
  },
  {
    name: "foo1",
    value: ["val2", "val3"]
  },
  {
    name: "foo2",
    value: "val4"
  }
];

let output = [];

array.forEach(item => {
  const existing = output.filter(v => v.name == item.name);
  if (existing.length) {
    const existingIndex = output.indexOf(existing[0]);
    output[existingIndex].value = output[existingIndex].value.concat(item.value);
  } else {
    if (typeof item.value == 'string') item.value = [item.value];
    output.push(item);
  }
});

console.log(output);</code>

Dieser Code erzeugt das gewünschte Ausgabearray, in dem die Werte aller Objekte mit demselben Namen zusammengeführt werden.

Das obige ist der detaillierte Inhalt vonWie füge ich JavaScript-Objekte in einem Array mit gemeinsamen Schlüsseln zusammen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!