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

Wie konvertiere ich ein Array in ein Objekt in JavaScript?

Linda Hamilton
Freigeben: 2024-12-13 17:02:10
Original
107 Leute haben es durchsucht

How to Convert an Array to an Object in JavaScript?

So transformieren Sie ein Array in ein Objekt

Das Konvertieren eines Arrays in ein Objekt mag wie ein unkomplizierter Vorgang erscheinen, es gibt jedoch mehrere Methoden um dies je nach gewünschtem Ergebnis zu erreichen.

Betrachten Sie die folgende Aufgabe: Konvertieren des Arrays ['a','b','c'] in ein Objekt mit Zifferntasten:

{
  0: 'a',
  1: 'b',
  2: 'c'
}
Nach dem Login kopieren

ES6 Object.assign()

Moderne Browser unterstützen Object.assign(), das bequem die aufzählbaren Eigenschaften eines oder kopiert Weitere Quellobjekte zu einem Zielobjekt:

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

Beachten Sie, dass die Längeneigenschaft des Arrays nicht kopiert wird, da sie nicht aufzählbar ist Standard.

ES8-Spread-Syntax

Der Spread-Operator von ES8 kann auch verwendet werden, um die Array-Elemente in ein Objekt zu verteilen:

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

Benutzerdefinierte Tastenzuweisung

Bei komplexeren Szenarien kann die Verwendung von Reduce mit einer benutzerdefinierten Tastentransformationsfunktion das gewünschte Ergebnis erzielen Ergebnis:

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

Jeder Ansatz bietet seine eigenen Vorteile und Kompromisse. Object.assign() und Spread-Syntax sind unkompliziert und prägnant, während Reduce mehr Flexibilität beim Umgang mit benutzerdefinierten Schlüsseln oder Transformationen bietet.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich ein Array in ein Objekt 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