Maison  >  Article  >  interface Web  >  Comment puis-je créer un objet JavaScript à partir de tableaux de clés et de valeurs ?

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

DDD
DDDoriginal
2024-10-25 01:09:02506parcourir

How Can I Build a JavaScript Object from Arrays of Keys and Values?

Création d'objets à partir de tableaux de clés et de valeurs

Dans le domaine de JavaScript, il est souvent nécessaire de construire des objets à partir de tableaux de clés et de valeurs. valeurs. Cette tâche peut être accomplie à l'aide d'un algorithme simple qui parcourt les deux tableaux et mappe les éléments en conséquence.

Pour illustrer ce processus, considérons un exemple où nous avons deux tableaux : newParamArr et paramVal. Les valeurs de newParamArr représentent les clés de l'objet que nous souhaitons créer, tandis que les valeurs de paramVal représentent les valeurs correspondantes pour ces clés.

Par exemple, si newParamArr contient les valeurs ["Name", "Age" , "Email"] et paramVal contient les valeurs ["Jon", 15, "example@email.com"], on cherche à créer un objet avec les propriétés {Nom : "Jon", Age : 15, Email : "exemple @email.com"}.

L'extrait de code suivant montre comment cela peut être réalisé :

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

var result = Object.fromEntries(keys.map((key, i) => ([key, values[i]])));

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

Dans le code ci-dessus, nous utilisons la méthode Object.fromEntries pour construire l'objet. Cette méthode prend un itérable de paires clé-valeur et renvoie un objet avec les clés et valeurs spécifiées.

Les paires clé-valeur sont générées en mappant sur le tableau de clés et en associant chaque clé à la valeur correspondante du tableau de valeurs utilisant la fonction flèche (touche, i) => ([key,values[i]]).

Cette approche simple garantit que l'objet résultant aura toujours les propriétés et les valeurs appropriées, quelle que soit la longueur ou le contenu des tableaux d'entrée.

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!

Déclaration:
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