Comment itérer à travers une carte en javascript
Le contenu suivant exprime l'aperçu de cet article:
- Comment itérer à travers une carte en javascript
- Utilisation de la boucle «pour» pour itérer sur la carte en javascript
- Utilisation de la méthode de rappel pour itérer via la carte dans JavaScript
Comment itérer à travers une carte en javascript?
En javascript, un carte L'objet est une combinaison d'une clé et d'une paire de valeurs. Cet objet est créé à travers le Carte() constructeur. Le carte() La méthode itère à travers l'objet dans un tableau spécifié. Pour itérer sur l'objet, le carte() la méthode s'intègre au Entrées () Méthode et renvoie un tableau via les paires de valeurs clés.
Cette section démontre de nombreuses façons d'itérer une carte en javascript.
Méthode 1: Utilisation de la boucle «pour» pour itérer la carte en javascript
Pour effectuer une itération, le «Pour de» la boucle est exécutée une fois pour chaque paire de valeurs clés de carte objets en javascript. Tout d'abord, jetez un œil à la syntaxe du «Pour de» boucle pour itérer sur une carte en javascript.
Syntaxe
pour (const x de la carte.entrées ())Dans cette syntaxe, "X" représente la paire de valeurs clés, et "carte" se réfère à l'objet.
Code
console.log ("Exemple pour itérer une carte")var mag_obj = new map ();
mag_obj.set ("cricket", "sport");
mag_obj.set ("pomme", "nourriture");
pour (var [clé, valeur] de MAG_OBJ.entrées ())
console.log (clé + "est" + valeur);
Le code ci-dessus est expliqué ici:
- Premièrement, un objet "MAG_OBJ" est créé à travers le Carte() constructeur avec un nouveau mot-clé.
- Après cela, le ensemble() la méthode est utilisée pour stocker deux valeurs, "Criquet" et "sport" dans le "MAG_OBJ".
- De la même manière, "Pomme" et "nourriture" sont définis à travers le ensemble() méthode.
- Après cela, le «Pour de» la boucle est implémentée avec un Entrées () Méthode qui itère sur tous les éléments et renvoie le nouveau tableau en plaçant "est" Entre les valeurs ci-dessus.
- Finalement, le console.enregistrer() La méthode présente la sortie à travers la paire de valeurs de clé dans la fenêtre de la console.
Sortir
La sortie montre que "Le cricket est le sport" et "La pomme est de la nourriture" sont concaténés à travers les paires de valeurs clés.
Méthode 2: Utilisation de la méthode de rappel pour itérater via la carte dans JavaScript
Le "carte()«La méthode est utilisée comme fonction de rappel sur chaque élément du tableau. La syntaxe de la méthode map () utilisée comme fonction de rappel est fournie ci-dessous:
Syntaxe
art.map ((élément) => opération)Dans cette syntaxe, le carte() la méthode itère sur chacun élément puis exécute un spécifique opération dessus.
Code
console.log ("Exemple pour itérer une carte")Cons num = [3, 6, 7, 2, 5]
const new_num = num.map (item =>
Retour article * 2
)
console.journal (new_num)
La description du code est fournie ici:
- Un tableau nobs est créé avec cinq éléments "3, 6, 7, 2, et 5".
- Après cela, le carte() la méthode est utilisée pour itérer sur chaque élément du tableau à travers le nobs objet.
- La méthode renvoie le nouveau tableau en multipliant chaque élément par 2.
- En fin de compte, le console.enregistrer() La méthode est utilisée pour présenter le nouveau tableau dans la fenêtre de la console.
Sortir
La sortie montre que "[3, 6, 7, 2, 5]" est converti en "[6, 12, 14, 4, 10]" en multipliant chaque élément avec "2" en javascript.
Conclusion
JavaScript fournit le carte() Méthode qui s'intègre au «pour”Boucle et Entrées () Méthodes pour effectuer l'itération via des objets de carte. Le pour boucle itera la gamme d'éléments à travers des clés d'objet. Le Entrées () La méthode traverse un objet MAP en extrait les touches puis en effectuant une itération à travers des valeurs. Ici, vous avez appris de nombreuses façons d'itérer à travers un objet de carte en javascript.