Comment stocker une clé => des tableaux de valeur en javascript?

Il existe plusieurs façons de stocker la clé => des tableaux de valeur en javascript. Cependant, la partie délicate consiste à stocker les clés et les valeurs de deux tableaux différents en un seul élément. Et pour ajouter à sa foulée, sa clé et sa valeur doivent être stockées dans un tel schéma que la récupération d'une clé avec sa valeur respective est facile. Cela réduit le nombre de méthodes pour atteindre la tâche à accomplir à seulement deux. Les deux méthodes les plus prometteuses incluent l'utilisation de Objets et Plans. Cet article passera par ces deux méthodes une par une.

Note: Cet article supposera que les clés et les valeurs sont stockées dans différents tableaux, et l'objectif est de les stocker ensemble et de les faire formater comme «clé => valeur» tout en récupérant.

Méthode 1: Utilisation d'objets pour stocker la clé => des tableaux de valeur

Pour démontrer cette méthode, créez d'abord un tableau de clés et un tableau de valeur avec les lignes suivantes:

var keysArray = ["Chine", "Angleterre", "Égypte", "Finlande", "Grèce"];
var valeursArray = ["Beijing", "Londres", "Caire", "Helsinki", "Athènes"];

Après cela, créez un objet JavaScript vide avec la ligne suivante:

resultObj = ;

Après cela, copiez simplement les clés et les valeurs de leur tableau et ajoutez-les dans l'objet en utilisant les lignes suivantes:

pour (var i = 0; i < keysArray.length; i++)
resultObj [keysArray [i]] = valeursArray [i];

Dans cet extrait de code ci-dessus:

• A pour la boucle est exécuté et ses itérations sont égales au nombre d'éléments à l'intérieur du tableau des touches.
• Dans chaque itération, un nouvel attribut de propriété de l'objet est créé, et il est donné le nom égal à l'élément à l'intérieur du tableau des clés et sa valeur respective du tableau de valeur en utilisant les mêmes valeurs d'index.

Après cela, passez le obstacle obligé à la fonction de journal de la console pour l'imprimer sur le terminal:

console.log (resultObj);

L'exécution du code fournira la sortie suivante:

Les clés et les valeurs sont stockées ensemble, mais elles ne sont toujours pas dans le «clé => format"
Pour les afficher dans le bon format, utilisez les lignes de code suivantes:

pour (x d'objet.touches (resultObj))
console.log (x + "=>" + resultObj [x]);

Dans cet extrait de code:

• Objet.La méthode keys () renvoie les clés de l'objet dans son argument un par un. Les clés sont stockées à l'intérieur de la variable "X"
• La concaténation des chaînes est utilisée pour formater la sortie du journal de la console comme «touches => valeurs»

L'exécution du programme produit désormais le résultat suivant:

La sortie montre que les touches sont non seulement stockées ensemble mais aussi formatées de la bonne manière.

Méthode 2: Utilisation de cartes pour stocker la clé => des tableaux de valeur

Pour démontrer l'utilisation des cartes pour le stockage des clés et leurs valeurs respectives, créez deux tableaux avec des clés et des valeurs avec les lignes de code suivantes:

var keysArray = ["Chine", "Angleterre", "Égypte", "Finlande", "Grèce"];
var valeursArray = ["Beijing", "Londres", "Caire", "Helsinki", "Athènes"];

L'étape suivante consiste à créer une carte, pour cela, créer une variable et la définir égale à la Nouvelle carte () constructeur comme:

resultMap = new Map ();

Pour ajouter des valeurs à une variable de carte, il y a cette méthode mapvar.ensemble(). Utilisez cette fonction pour ajouter des clés et leurs valeurs respectives:

pour (i = 0; i < keysArray.length; i++)
ResultMap.set (keysArray [i], valeursArray [i]);

Dans l'extrait de code mentionné ci-dessus:

• Une boucle pour la boucle est utilisée pour parcourir le clés de la touche et les valeurs de la longueur en utilisant la longueur de la touche.
• Dans chaque itération, ResultMap.ensemble() La méthode est utilisée pour stocker la paire de clés et de valeur dans la carte.

Après cela, passez simplement le ResultMap variable sur le terminal en utilisant la fonction de journal de console:

console.log (resultMap);

Ce code produira la sortie suivante:

C'est en quelque sorte dans le bon format, mais il comprend un peu d'informations supplémentaires. Pour le formater correctement, utilisez les lignes suivantes:

pour (clé de résultat.clés())
console.journal (clé + "=>" + résultatmap.Obtenir la clé));

Dans cet extrait de code:

• ResultMap.La méthode keys () renvoie les clés de la carte une par une à la variable de clé.
• ResultMap.La méthode get () est utilisée pour obtenir la valeur d'une clé spécifique.
• Et dans la fonction de journal de la console, la concaténation de chaîne est utilisée pour formater correctement la sortie.

L'exécution du code produit désormais la sortie suivante sur le terminal:

La sortie montre que les touches sont non seulement stockées ensemble mais aussi formatées de la bonne manière.

Conclusion

En JavaScript, les objets et les cartes sont les deux éléments les plus adaptés pour stocker les clés et les paires de valeur, même si la tâche à accomplir est de prendre des clés et des valeurs des tableaux individuels et de les placer dans une seule entité. Par la suite, chaque fois que l'utilisateur essaie d'obtenir des clés et ses valeurs respectives, il peut être facilement formaté au format «key => value» en utilisant une concaténation de chaîne simple dans JavaScript.