Heim  >  Artikel  >  Web-Frontend  >  Wie kombiniere ich Schlüsselwert-Arrays zu einem JavaScript-Objekt?

Wie kombiniere ich Schlüsselwert-Arrays zu einem JavaScript-Objekt?

Susan Sarandon
Susan SarandonOriginal
2024-10-25 02:44:29539Durchsuche

How to Combine Key-Value Arrays into a JavaScript Object?

Schlüsselwert-Arrays zu einem JavaScript-Objekt kombinieren

Das Erstellen eines Objekts aus zwei Arrays, von denen eines Schlüssel und das andere Werte enthält, ist eine häufige Aufgabe in JavaScript. Dadurch können Sie schnell Objekte erstellen, ohne jedes Schlüssel-Wert-Paar manuell angeben zu müssen.

LÖSUNG:

Um die Arrays newParamArr und paramVal zu einem Objekt zu kombinieren, müssen Sie kann die forEach-Methode und eine prägnante Pfeilfunktion verwenden:

<code class="javascript">const keys = ['Name', 'Age', 'Email'];
const values = ['Jon', 15, 'example@email.com'];

const result = {};
keys.forEach((key, i) => result[key] = values[i]);

console.log(result); // { Name: 'Jon', Age: 15, Email: 'example@email.com' }</code>

Diese Lösung verwendet die forEach-Methode mit einer Pfeilfunktion, um über beide Arrays zu iterieren und für jedes Element ein neues Schlüssel-Wert-Paar zu erstellen. Die i-Variable stellt den Index des aktuellen Elements dar und ermöglicht Ihnen den Zugriff auf die entsprechenden Werte aus beiden Arrays.

Optimierungen:

Wenn Ihre Arrays Tausende oder Millionen enthalten können von Elementen können Sie die folgende optimierte Version verwenden, um Speicherzuweisungen zu minimieren und die Leistung zu verbessern:

<code class="javascript">const keys = ['Name', 'Age', 'Email'];
const values = ['Jon', 15, 'example@email.com'];

let result = {};
for (let i = 0, len = keys.length; i < len; i++) {
  result[keys[i]] = values[i];
}</code>

Durch die Verwendung einer for-Schleife anstelle von forEach und die Vorberechnung der Array-Länge reduziert diese Lösung unnötigen Speicher erheblich Zuweisungen und verbessert die Iterationsgeschwindigkeit.

Das obige ist der detaillierte Inhalt vonWie kombiniere ich Schlüsselwert-Arrays zu einem JavaScript-Objekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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