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

Wie kann ich in JavaScript ein Array in ein Objekt konvertieren?

DDD
Freigeben: 2024-12-18 17:35:14
Original
583 Leute haben es durchsucht

How Can I Convert an Array into an Object in JavaScript?

Arrays in Objekte umwandeln

Angenommen, wir haben ein Array von Zeichenfolgen, wie zum Beispiel ['a', 'b', 'c' ] und möchten es in ein Objekt konvertieren. Wie können wir das erreichen?

ECMAScript 6 und Spread-Syntax

In ECMAScript 6 haben wir Object.assign(), eine nützliche Methode, die es uns ermöglicht, Eigenschaften zusammenzuführen von einem aufzählbaren Quellobjekt in ein Zielobjekt:

Object.assign({}, ['a','b','c']); // {0: "a", 1: "b", 2: "c"}
Nach dem Login kopieren

Bitte beachten Sie, dass die eigene Längeneigenschaft des Arrays nicht als in das Objekt kopiert wird es ist nicht aufzählbar.

Spread-Syntax in ES8 ermöglicht es uns auch, Objekte aus Arrays zu erstellen:

{ ...['a', 'b', 'c'] } // { a: "a", b: "b", c: "c" }
Nach dem Login kopieren

Benutzerdefinierte Schlüssel mit Reduzieren

Zu erstellen Objekte mit benutzerdefinierten Schlüsseln können wir reduzieren verwenden:

['a', 'b', 'c'].reduce((a, v) => ({ ...a, [v]: v}), {}) 
// { a: "a", b: "b", c: "c" }
Nach dem Login kopieren

Diese Methode iteriert durch die Array-Elemente und kombiniert sie sie in ein neues Objekt mit benutzerdefinierten Schlüssel-Wert-Paaren.

Das obige ist der detaillierte Inhalt vonWie kann ich in JavaScript ein Array in ein 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage