Wie kann ich JavaScript-Objekte in einem Array zusammenführen, die denselben Schlüssel haben?

JavaScript-Objekte in einem Array mit demselben Schlüssel zusammenführen

Um Array-Inhalte von JavaScript-Objekten mit einem gemeinsamen Schlüssel effektiv zu kombinieren, umfasst eine zuverlässige Lösung Folgendes:

1. Identifizieren vorhandener Elemente: Beginnen Sie mit der Iteration durch das Array und isolieren Sie jedes Objekt mit dem angegebenen Schlüssel mithilfe der Filtermethode. Zum Beispiel:

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

var output = [];

array.forEach(function(item) {
  var existing = output.filter(function(v, i) {
    return v.name == item.name;
  });</code>

2. Werte zusammenführen: Wenn ein passendes Objekt gefunden wird, wird sein Index bestimmt und die Werte werden an das Wertearray des vorhandenen Objekts angehängt :

<code class="javascript">if (existing.length) {
    var existingIndex = output.indexOf(existing[0]);
    output[existingIndex].value = output[existingIndex].value.concat(item.value);</code>

3. Neue Objekte hinzufügen: Sollte ein Schlüssel ohne passendes Objekt gefunden werden, wird er als neues Objekt zum Ausgabearray hinzugefügt:

<code class="javascript">} else {
    if (typeof item.value == 'string')
      item.value = [item.value];
    output.push(item);</code>

Durch Befolgen dieser Schritte kann das bereitgestellte Array in die gewünschte Ausgabe umorganisiert werden, wobei alle mit einem bestimmten Schlüssel verknüpften Werte in einem einzigen Objekt innerhalb des Arrays zusammengeführt werden.

Das obige ist der detaillierte Inhalt vonWie kann ich JavaScript-Objekte in einem Array zusammenführen, die denselben Schlüssel haben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!