Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie konvertiere ich ein Array von Objekten in ein einzelnes Objekt mit Schlüssel-Wert-Paaren in JavaScript?

Patricia Arquette
Freigeben: 2024-11-10 14:03:02
Original
275 Leute haben es durchsucht

How to Convert an Array of Objects into a Single Object with Key Value Pairs in JavaScript?

Array von Objekten in Objekte mit Schlüsselwertpaaren umwandeln

Angenommen ein Array von Objekten wie:

arr = [{"name1":"value1"},{"name2":"value2"},...]
Nach dem Login kopieren

Wie kann es mit Schlüssel-Wert-Paaren in ein einzelnes Objekt konvertiert werden:

{"name1":"value1","name2":"value2",...}
Nach dem Login kopieren

Diese Konvertierung wird häufig für verschiedene Programmierszenarien benötigt. Nachfolgend finden Sie eine Lösung, die mit einer Vielzahl von Browsern kompatibel ist:

Lösung:

Verwendung einer Kombination aus Object.assign und dem Spread-Operator:

var object = Object.assign({}, ...arr);
Nach dem Login kopieren

Erklärung:

Object.assign() führt mehrere Quellobjekte zu einem Zielobjekt zusammen. Die ...arr-Syntax verwendet den Spread-Operator, um alle Objekte im Array zu einem einzigen Objekt zu verketten. Daher ist das Ergebnis ein neues Objekt, das alle Schlüssel-Wert-Paare aller Objekte im Array enthält.

Hinweis:

Diese Lösung wird in allen gängigen Browsern unterstützt die ES6 unterstützen, einschließlich Chrome, Firefox, Edge und Safari.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich ein Array von Objekten in ein einzelnes Objekt mit Schlüssel-Wert-Paaren in JavaScript?. 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