Comprendre les cartes et les ensembles en JavaScript
Les structures de données sont l'épine dorsale de tout langage de programmation. Les exemples incluent la liste chaînée, les arbres, les piles, les files d'attente et les graphiques. Dans cet article, vous apprendrez à utiliser la carte et à définir des structures de données en JavaScript.
En 2015, JavaScript a introduit ES6 pour offrir aux développeurs une expérience de codage améliorée. ES6 a introduit des cartes et des ensembles afin que les développeurs n'aient pas à les créer à l'aide de types de données primitifs. Examinons-les plus en détail.
Comprendre les cartes en JavaScript
La carte est un type de structure de données qui stocke des paires clé-valeur. C'est l'une des méthodes les plus efficaces pour rechercher et récupérer des données. Vous pouvez stocker tous les types de données dans les cartes JavaScript.
Jetons un coup d'œil à certaines méthodes que vous pouvez exécuter sur les cartes JavaScript.
1 jeu()
Vous pouvez insérer une paire clé-valeur dans une carte en utilisant la méthode set() . Cette méthode prend deux arguments : la clé et la valeur.
Consultez le code ci-dessous qui vous montre comment insérer dans une carte.
let map = new Map();
map.set("fruit1", "Grapes");
map.set("fruit2", "Mango");
map.set("fruit3", "Strawberry");
map.set("fruit4", "Mango");
console.log(map)
La sortie après impression de la carte :
Map {
'fruit1' => 'Grapes',
'fruit2' => 'Mango',
'fruit3' => 'Strawberry',
'fruit4' => 'Mango' }
2. supprimer ()
Pour supprimer un élément d'une carte, utilisez la méthode delete() . Cette méthode accepte un argument : la clé des données que vous souhaitez supprimer. Si la clé existe, cette méthode supprime cette entrée de la carte et renvoie true. Sinon, il retourne faux.
console.log("Is the fruit1 deleted", map.delete("fruit1"));
console.log(map)
La sortie après suppression du fruit1 :
Is the fruit1 deleted true
Map {
'fruit2' => 'Mango',
'fruit3' => 'Strawberry',
'fruit4' => 'Mango' }
3. obtenir()
La méthode get() récupère la valeur de la clé spécifiée. Comme la méthode delete() , elle accepte un argument : la clé.
console.log(map.get("fruit2"))
Produit la sortie suivante :
Mango
4. taille()
La méthode size() renvoie le nombre de paires clé-valeur présentes dans la carte.
let map = new Map();
map.set("fruit1", "Grapes");
map.set("fruit2", "Mango");
map.set("fruit3", "Strawberry");
map.set("fruit4", "Mango");
console.log("The size of the map is", map.size)
Donne le résultat suivant :
The size of the map is 4
5. effacer()
Pour supprimer tous les éléments de la carte, utilisez la méthode clear() .
map.clear()
console.log(map)
La sortie de la carte après suppression de tous les éléments :
Map {}
6. a ()
La méthode has() vous aide à vérifier si la clé existe ou non dans une carte. Il renvoie une valeur booléenne en fonction de l'existence d'un élément dans la carte. Cette méthode accepte un argument : la clé à rechercher.
console.log("The grapes exists:", map.has("fruit1"))
Produit la sortie suivante avec notre exemple de carte :
The grapes exists: true
7. clés()
La méthode keys() renvoie un itérateur avec toutes les clés qu'il contient. Vous pouvez les parcourir pour accéder à une clé individuelle.
const keys = map.keys();
for (let k of keys) {
console.log(k);
}
La sortie du code ci-dessus est :
fruit1
fruit2
fruit3
fruit4
8. valeurs
La méthode values() renvoie un itérateur avec toutes les valeurs qu'il contient.
const values = map.values();
for (let v of values) {
console.log(v);
}
La sortie du code ci-dessus est :
Grapes
Mango
Strawberry
Mango
Comprendre les ensembles en JavaScript
La structure de données définie a des valeurs uniques, ce qui signifie qu'aucune valeur ne peut se répéter. Vous pouvez stocker toutes sortes de valeurs dans un ensemble, y compris des primitives et des objets.
Voyons quelques méthodes de l'ensemble :
1. ajouter()
La méthode add() vous aide à ajouter des données dans l'ensemble. Si vous essayez d'ajouter des données en double, l'ensemble les ignorera simplement.
let s = new Set();
s.add(1);
s.add(2);
s.add(3);
s.add(4);
s.add(4);
console.log(s);
Donne la sortie :
Set { 1, 2, 3, 4 }
2. supprimer ()
La méthode delete() supprime la valeur spécifiée de l'ensemble.
s.delete(3);
console.log(s);
La sortie après suppression 3:
Set { 1, 2, 4 }
3. a ()
Les méthodes has() vous aident à vérifier si une valeur existe ou non dans l'ensemble.
console.log(s.has(1))
La sortie du code ci-dessus est true .
4. effacer()
La méthode clear() vous aide à supprimer tous les éléments de l'ensemble.
s.clear();
console.log(s);
La sortie après la suppression de tous les éléments de l'ensemble :
Set {}
En savoir plus sur ES6
Maintenant que vous avez appris à utiliser des cartes et des ensembles en JavaScript, il est temps pour vous de les implémenter dans vos projets. Vous pouvez les utiliser tout en résolvant des problèmes de structure de données et d'algorithme. Vous pouvez utiliser une carte pour implémenter un algorithme de hachage.
Vous voulez en savoir plus sur ES6 ? Consultez l'article ci-dessous qui vous dira tout à ce sujet.