Heim > Web-Frontend > js-Tutorial > Wie kann ich in JavaScript ein Array von Objekten in ein einzelnes Objekt konvertieren?

Wie kann ich in JavaScript ein Array von Objekten in ein einzelnes Objekt konvertieren?

Susan Sarandon
Freigeben: 2024-12-07 09:48:12
Original
242 Leute haben es durchsucht

How Can I Convert an Array of Objects into a Single Object in JavaScript?

Konvertieren eines Arrays von Objekten in ein einzelnes Objekt

In JavaScript kann die Konvertierung eines Arrays von Objekten in ein einzelnes Objekt mithilfe von Objekt erreicht werden Destrukturierung und die Methode Reduce(). Betrachten Sie das folgende Array von Objekten:

[
  { key: '11', value: '1100' },
  { key: '22', value: '2200' }
]
Nach dem Login kopieren

Lösung:

Um dieses Array in das gewünschte Objekt zu konvertieren, führen Sie die folgenden Schritte aus:

  1. Verwenden Sie die Methode „reduce()“, um das Array zu durchlaufen und den Schlüsselwert zu akkumulieren Paare:
const object = arr.reduce((obj, item) => {
  return Object.assign(obj, { [item.key]: item.value });
}, {});
Nach dem Login kopieren
  1. Die Methode Object.assign() führt die Eigenschaften des zweiten Objekts (in diesem Fall { [item.key]: item.value }) in das zusammen erstes Objekt (der obj-Akkumulator).
  2. Der Anfangswert von obj ist ein leeres Objekt, daher erstellt die erste Iteration die Schlüsseleigenschaft mit dem in der item.key-Eigenschaft gespeicherten Wert. In ähnlicher Weise fügt die zweite Iteration die Eigenschaft 22 mit dem Wert in item.value hinzu.
  3. Das resultierende Objekt wird der Objektvariablen zugewiesen.

Ausgabe:

Die Verwendung der Objektvariablen führt zur gewünschten Ausgabe:

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

Diese Lösung transformiert effektiv die Array von Objekten in ein einzelnes Objekt mit den gewünschten Schlüssel-Wert-Paaren.

Das obige ist der detaillierte Inhalt vonWie kann ich in JavaScript ein Array von Objekten in ein einzelnes Objekt konvertieren?. 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