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 des cartes JavaScript.

Examinons quelques méthodes que vous pouvez appliquer aux cartes JavaScript.

En relation: Comment créer des structures de données avec des classes JavaScript ES6

1 jeu()

Vous pouvez insérer une paire clé-valeur dans une carte à l’aide de la Positionner() méthode. Cette méthode prend deux arguments : la clé et la valeur.

Découvrez 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)

UTILISEZ LA VIDÉO DU JOUR

Le résultat 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 effacer() méthode. 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 renvoie faux.

console.log("Is the fruit1 deleted", map.delete("fruit1"));
console.log(map)

La sortie après la suppression du fruit1:

Is the fruit1 deleted  true
Map {
'fruit2' => 'Mango',
'fruit3' => 'Strawberry',
'fruit4' => 'Mango' }

3. obtenir ()

Le avoir() La méthode récupère la valeur de la clé spécifiée. Comme le effacer() méthode, elle accepte un argument : la clé.

console.log(map.get("fruit2")) 

Produit la sortie suivante :

Mango

4. taille()

Le Taille() 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 dégager() méthode.

map.clear()
console.log(map)

La sortie du carte après avoir supprimé tous les éléments :

Map {}

6. a()

Le possède() La méthode vous aide à vérifier si la clé existe dans une carte ou non. 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()

Le clés() La méthode renvoie un itérateur avec toutes les clés qu’il contient. Vous pouvez les parcourir en boucle 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

Le valeurs() La méthode 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 comprenant des primitives et des objets.

En relation: Comment supprimer les éléments en double d’un tableau en JavaScript, Python et C++

Jetons un coup d’œil à certaines méthodes de l’ensemble :

1. ajouter()

Le ajouter() La méthode 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 ()

Le effacer() La méthode 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()

Le possède() méthodes vous aide à vérifier si une valeur existe dans l’ensemble ou non.

console.log(s.has(1))

La sortie du code ci-dessus est vrai.

4. effacer()

Le dégager() La méthode vous aide à supprimer tous les éléments de l’ensemble.

s.clear();
console.log(s);

Le résultat 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 pour résoudre 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 ? Découvrez l’article ci-dessous qui vous dira tout à ce sujet.


Qu’est-ce qu’ES6 et ce que les programmeurs Javascript doivent savoir

Lire la suite


A propos de l’auteur

Leave a Comment