Maison > interface Web > js tutoriel > le corps du texte

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

DDD
Libérer: 2024-10-24 22:28:30
original
855 Les gens l'ont consulté

How to Create an Object from Arrays of Keys and Values in JavaScript?

Comment construire un objet à partir de tableaux de clés et de valeurs

Créer un objet en associant des éléments de deux tableaux peut être une tâche de programmation courante . Étant donné un tableau de clés (par exemple, ["Nom", "Age", "Email"]) et un tableau de valeurs correspondantes (par exemple, ["Jon", 15, "[email protected]"]), l'objectif est pour construire un objet qui associe chaque clé à sa valeur correspondante (par exemple, { Nom : "Jon", Âge : 15, Email : "[email protected]" }).

Solution :

Pour créer un objet à partir de tableaux de clés et de valeurs, une approche simple utilisant la méthode forEach() de JavaScript peut être utilisée :

<code class="js">const keys = ['foo', 'bar', 'baz'];
const values = [11, 22, 33];

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

console.log(result); // { foo: 11, bar: 22, baz: 33 }</code>
Copier après la connexion

Explication :

  • Initialisez un objet vide (résultat) pour stocker les paires clé-valeur.
  • Utilisez la méthode forEach() pour parcourir le tableau de clés.
  • Pour chaque clé , définissez la valeur correspondante du tableau de valeurs au même index (c'est-à-dire résultat[clé] = valeurs[i]).
  • L'objet résultat est progressivement rempli avec les paires clé-valeur.

Cette technique simple associe efficacement les éléments des deux tableaux et crée l'objet souhaité en construisant dynamiquement ses propriétés.

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!