Heim > Web-Frontend > js-Tutorial > Wie kombiniere ich in JavaScript ein Array von Objekten zu einem einzelnen Objekt?

Wie kombiniere ich in JavaScript ein Array von Objekten zu einem einzelnen Objekt?

DDD
Freigeben: 2024-12-16 00:55:09
Original
734 Leute haben es durchsucht

How to Combine an Array of Objects into a Single Object in JavaScript?

So transformieren Sie ein Array von Objekten in ein konsolidiertes Objekt in JavaScript

Das Konvertieren eines Arrays von Objekten in ein einzelnes konsolidiertes Objekt ist üblich Aufgabe beim Arbeiten mit komplexen Datenstrukturen in JavaScript. Eine effiziente Möglichkeit, dies zu erreichen, ist die Nutzung der integrierten Methode Reduce().

Implementierung:

Um ein Array von Objekten in ein einzelnes Objekt mit Schlüssel umzuwandeln -Wert-Paare können Sie den folgenden Ansatz verwenden:

<br>var arr = [{key:"11", value:"1100"},{key:"22", value:"2200"}];</p>
<p>// Reduce() verwenden, um Objekte zusammenzuführen<br>var object = arr.reduce(<br> (obj, item) => Object.assign(obj, { [item.key]: item.value }), {});</p>
<p>// Das konsolidierte Objekt ausgeben<br>console.log(object);<br>

Ausgabe:

Der obige Codeausschnitt generiert das folgende konsolidierte Objekt:

{
  "11": "1100",
  "22": "2200"
}
Nach dem Login kopieren

In diesem konsolidierten Objekt Die Schlüsseleigenschaft jedes Array-Elements dient als Schlüssel für das Objekt, während die Werteeigenschaft zu den entsprechenden Werten wird. Die Object.assign()-Methode wird verwendet, um neue Eigenschaften in das Objekt einzufügen und so die Daten aller Array-Elemente effektiv in einer einzigen Entität zu kombinieren.

Diese Methode bietet eine prägnante und funktionale Lösung zum Konvertieren von Arrays von Objekten in Konsolidierte Objekte in JavaScript, um eine effiziente Datenbearbeitung und -transformation sicherzustellen.

Das obige ist der detaillierte Inhalt vonWie kombiniere ich in JavaScript ein Array von Objekten zu einem einzelnen Objekt?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage