Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich ein JavaScript-Objekt aus Arrays von Schlüsseln und Werten erstellen?

Barbara Streisand
Freigeben: 2024-10-25 09:15:28
Original
602 Leute haben es durchsucht

How can I create a JavaScript object from arrays of keys and values?

Erstellen von Objekten aus Arrays von Schlüsseln und Werten

In vielen Programmierszenarien kann es vorkommen, dass Sie ein Objekt basierend auf einer Menge erstellen müssen von Schlüsseln und Werten. Angenommen, Sie haben zwei Arrays, newParamArr und paramVal, wobei newParamArr Schlüsselnamen und paramVal entsprechende Werte enthält. Ihr Ziel ist es, ein einzelnes JavaScript-Objekt zu erstellen, das diese Schlüssel Werten zuordnet.

Um dies zu erreichen, können Sie die forEach-Methode nutzen, um das newParamArr-Array zu durchlaufen. Verwenden Sie für jedes Element im Array die Klammernotation, um den entsprechenden Wert aus dem paramVal-Array als Eigenschaftswert des zu erstellenden Objekts zuzuweisen.

const keys = ['Name', 'Age', 'Email'];
const values = ['Jon', 15, 'example@email.com'];

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

console.log(result); // { Name: 'Jon', Age: 15, Email: 'example@email.com' }
Nach dem Login kopieren

Mit diesem Ansatz können Sie effizient ein Objekt erstellen, das spiegelt die durch die Eingabearrays definierte Schlüsselwertstruktur wider, unabhängig von ihrer Länge, solange sie übereinstimmende Längen beibehalten.

Das obige ist der detaillierte Inhalt vonWie kann ich ein JavaScript-Objekt aus Arrays von Schlüsseln und Werten erstellen?. 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!