Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie erstellt man ein JavaScript-Objekt aus zwei Arrays von Schlüsseln und Werten?

Barbara Streisand
Freigeben: 2024-10-25 06:18:02
Original
610 Leute haben es durchsucht

How do you create a JavaScript object from two arrays of keys and values?

Konstruieren eines Objekts aus Schlüssel- und Wertarrays

Sie haben zwei Arrays, newParamArr und paramVal, und Sie möchten ein JavaScript-Objekt erstellen Paarung von Elementen aus diesen Arrays. Jeder Schlüssel im Objekt sollte einem Element in newParamArr entsprechen und der zugehörige Wert sollte von paramVal stammen.

Zum Beispiel, wenn newParamArr ["Name", "Alter", "E-Mail"] und paramVal enthält ["Jon", 15, "[email protected]"], Sie möchten ein Objekt wie {"Name": "Jon", "Alter": 15, "Email": "[email protected]"} erstellen.

Die Längen der Arrays sind immer gleich (newParamArr.length === paramVal.length). Darüber hinaus können die Arrays in der Größe variieren.

Um dies zu erreichen, können Sie die Methode forEach() für das Array newParamArr verwenden. Die Rückruffunktion, die Sie forEach() bereitstellen, verwendet den aktuellen Schlüssel und seinen Index als Argumente. Innerhalb dieser Funktion können Sie dem Objekt den entsprechenden Wert von paramVal zuweisen, indem Sie den Schlüssel als Eigenschaftsnamen verwenden.

Dieser Ansatz ist unkompliziert und effizient zum Erstellen eines Objekts aus Schlüsselwert-Arrays. Hier ist ein Codeausschnitt, der diese Lösung implementiert:

<code class="js">var keys = ['Name', 'Age', 'Email'];
var values = ['Jon', 15, '[email protected]'];

var result = {};
keys.forEach((key, i) => result[key] = values[i]);
console.log(result);</code>
Nach dem Login kopieren

Dieser Code protokolliert das gewünschte Objekt, { Name: „Jon“, Alter: 15, E-Mail: „[email protected]“ }.

Das obige ist der detaillierte Inhalt vonWie erstellt man ein JavaScript-Objekt aus zwei Arrays von Schlüsseln und Werten?. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!