Maison > interface Web > js tutoriel > Comment créer un objet JavaScript à partir de deux tableaux de clés et de valeurs ?

Comment créer un objet JavaScript à partir de deux tableaux de clés et de valeurs ?

Barbara Streisand
Libérer: 2024-10-25 06:18:02
original
696 Les gens l'ont consulté

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

Construction d'un objet à partir de tableaux de clés et de valeurs

Vous disposez de deux tableaux, newParamArr et paramVal, et vous souhaitez créer un objet JavaScript en appariement des éléments de ces tableaux. Chaque clé de l'objet doit correspondre à un élément de newParamArr, et la valeur associée doit provenir de paramVal.

Par exemple, si newParamArr contient ["Name", "Age", "Email"] et que paramVal contient ["Jon", 15, "[email protected]"], vous souhaitez créer un objet comme {"Name": "Jon", "Age": 15, "Email": "[email protected]"}.

Les longueurs des tableaux seront toujours égales (newParamArr.length === paramVal.length). De plus, la taille des tableaux peut varier.

Pour y parvenir, vous pouvez utiliser la méthode forEach() sur le tableau newParamArr. La fonction de rappel que vous fournissez à forEach() prend la clé actuelle et son index comme arguments. Dans cette fonction, vous pouvez attribuer la valeur correspondante de paramVal à l'objet en utilisant la clé comme nom de propriété.

Cette approche est simple et efficace pour créer un objet à partir de tableaux clé-valeur. Voici un extrait de code qui implémente cette solution :

<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>
Copier après la connexion

Ce code enregistrera l'objet souhaité, { Nom : "Jon", Âge : 15, Email : "[email protected]" }.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal