Cartes en javascript | Expliqué
Des cartes ont été publiées dans la version ES6 de JavaScript qui est également connue sous le nom de ES2015 JS. Les cartes sont principalement utilisées car elles offrent une flexibilité au programmeur.
Syntaxe de cartes
Pour initialiser une nouvelle carte, vous utiliserez la syntaxe suivante:
var map = new Map ();
Comme vous pouvez le voir, nous créons une nouvelle carte en appelant sa fonction de constructeur en utilisant le mot-clé "nouveau".
Comment travailler avec des cartes?
Créons une nouvelle variable de carte en utilisant la ligne suivante:
var dataSet = new Map ();
Vous avez créé un nouvel ensemble de données dans lequel vous pouvez stocker différents types d'informations, pour mettre des valeurs dans une carte que vous utilisez Définir la méthode. La syntaxe de la méthode définie de la carte est:
carte.set (key, "valeur");
Vous connaissez maintenant la syntaxe, alors essayons de mettre certaines valeurs à l'intérieur de la carte avec les lignes de code suivantes:
base de données.set (1, "anglais");
base de données.set (2, "espagnol");
base de données.set (3, "français");
Comme vous pouvez le voir, vous avez ajouté trois paires de valeurs clés à l'intérieur de la carte, vous pouvez la vérifier en imprimant la carte en utilisant le console.enregistrer() fonction comme:
console.journal (ensemble de données);
L'extrait de code entier est comme
var dataSet = new Map ();
base de données.set (1, "anglais");
base de données.set (2, "espagnol");
base de données.set (3, "français");
console.journal (ensemble de données);
Après avoir exécuté ce code, vous verrez la sortie suivante sur votre console:
Notez qu'il y a une chose intéressante à l'intérieur de la sortie qui différencie un carte de un objet, Dans les objets, les paires de valeurs clés sont séparées par un côlon «:» Alors que dans le cas des cartes, les paires de valeurs clés sont séparées par un flèche “=>”.
Itérer à travers une carte
Vous avez plusieurs façons d'itérer à travers la carte, l'une des façons traditionnelles consiste à utiliser la carte pour la carte.
Recherche des clés de la carte
Vous pouvez parcourir les clés de la carte en utilisant les lignes de code suivantes:
pour (clés de l'ensemble de données.clés())
console.log ('les touches sont: $ clés');
La sortie est comme
Récupérer les valeurs de la carte
Pour parcourir les valeurs de la carte, vous pouvez utiliser les lignes de code suivantes:
pour (valeurs de l'ensemble de données.valeurs())
console.log ('Les valeurs sont: $ valeurs');
La sortie est comme
Récupérer les clés et les valeurs comme une paire
Si vous souhaitez obtenir à la fois des clés et des valeurs en tant que paire, vous pouvez le faire en utilisant les lignes de code suivantes:
pour ([touches, valeurs] de l'ensemble de données)
console.Log ('la clé est: $ keys et la valeur est: $ valeurs');
Obtenir une valeur spécifique à partir d'une clé spécifique
Vous pouvez même obtenir une valeur spécifique à partir d'une carte en utilisant le Obtenir la méthode, Essayez la ligne de code suivante:
console.journal (ensemble de données.obtenir (1));
Vous obtiendrez la sortie suivante:
Comme vous pouvez le voir, vous avez pu obtenir la valeur d'une clé spécifique en utilisant le obtenir méthode.
Divers types de clés
Comme mentionné ci-dessus, une carte peut avoir différents types de clés qui est la principale caractéristique qui différencie une carte d'un objet simple. Prenons la même carte que nous utilisons dans tous les exemples ci-dessus, mais ajoutons quelques paires de valeurs clés, avec différents types de clés:
Chaîne comme clé
Vous pouvez avoir des clés des types de données de chaîne comme afficher dans la ligne suivante:
base de données.set ("coms", "assez bon");
Booléen comme clé
Vous pouvez avoir une clé des types de données booléens comme la ligne de code suivante:
base de données.set (true, 1);
base de données.set (false, 0);
Les objets comme clé
Vous pouvez même passer des objets sous forme de clés, essayez les lignes de code suivantes:
var person1 = nom: "John Doe", âge: 25, hauteur: "6 pi 2";
base de données.set (Person1, "membre");
Pour vérifier tout le code ci-dessus, vous pouvez simplement appeler un console.enregistrer() Fonction pour imprimer la carte sur la console comme:
console.journal (ensemble de données);
L'extrait de code complet est comme
var dataSet = new Map ();
base de données.set (1, "anglais");
base de données.set ("coms", "assez bon");
base de données.set (true, 1);
base de données.set (false, 0);
var person1 = nom: "John Doe", âge: 25, hauteur: "6 pi 2";
base de données.set (Person1, "membre");
console.journal (ensemble de données);
Après avoir exécuté le code ci-dessus, vous obtenez la sortie suivante:
Comme vous pouvez le voir, chaque clé a été ajoutée dans l'ensemble de données avec sa valeur, et c'est ainsi que les cartes fonctionnent en JavaScript.
Conclusion
Les cartes sont une collection de paires de valeurs clés qui sont stockées dans un ordre conservé, ce qui fait que la carte imite le comportement de l'objet et d'un tableau. Les cartes peuvent avoir n'importe quel type de clé de données et tout type de valeur de données tout en maintenant l'ordre des paires de valeurs clés comme dans les tableaux. Vous pouvez ajouter des paires de valeurs clés à l'intérieur de la carte en utilisant le ensemble() Méthode de la carte, vous pouvez obtenir une valeur spécifique en utilisant le obtenir() Méthode, et pour itérer sur toute la carte, vous pouvez utiliser le For-Of Loop. Les cartes sont utilisées car elles offrent plus de flexibilité et de liberté au programmeur.