Aller au contenu

JavaScript Map et Set

Introduction aux Maps JavaScript

Qu'est-ce qu'une Map JavaScript ?

Dans JavaScript, une Map est une collection qui stocke des paires clé-valeur. Elle permet d'utiliser divers types de données comme clés et conserve l'ordre de ses entrées, ce qui la différencie des objets classiques qui ne supportent que les chaînes de caractères et les symboles comme clés.

Création et manipulation des Maps

Pour créer une Map, utilisez new Map(). Elle prend en charge plusieurs méthodes pour la manipulation des données :

  • map.set(key, value) : Ajoute une paire clé-valeur.
  • map.get(key) : Récupère la valeur associée à une clé.
  • map.has(key) : Vérifie si une clé existe.
  • map.delete(key) : Supprime une paire clé-valeur.
  • map.clear() : Vide la Map.
  • map.size : Retourne le nombre de paires clé-valeur.

Exemple de code :


Output appears here after Run.

Itération sur les Maps

Les Maps peuvent être itérées de différentes manières : - Utilisation de map.keys(), map.values() et map.entries().

  • Utilisation des boucles for...of.
  • Utilisation de la méthode map.forEach().

Exemple de code :


Output appears here after Run.

Comprendre les Sets JavaScript

Qu'est-ce qu'un Set JavaScript ?

Un Set en JavaScript est une collection de valeurs uniques. Contrairement à un tableau, chaque élément ne peut apparaître qu'une seule fois dans un Set.

Utilisation des Sets

Pour travailler avec des Sets :

  • Créer un Set avec new Set(iterable).
  • Ajouter un élément avec set.add(value).
  • Vérifier la présence d'un élément avec set.has(value).
  • Supprimer un élément avec set.delete(value).
  • Déterminer le nombre d'éléments avec set.size.
  • Vider un Set avec set.clear().

Exemple de code :


Output appears here after Run.

Itération sur les Sets

Les Sets peuvent être itérés en utilisant :

  • Les boucles for...of.
  • La méthode set.forEach(), qui permet d'accéder à chaque valeur du Set.

Exemple de code :


Output appears here after Run.

INFO

En plus de Map et Set, JavaScript propose également WeakMap et WeakSet, qui gèrent la mémoire différemment en permettant la collecte de leurs éléments par le garbage collector. Découvrez-en plus sur ces collections spécialisées sur notre page JavaScript WeakMap et WeakSet.

Conclusion

Les Maps et Sets JavaScript offrent des structures de données puissantes pour gérer des collections uniques et des paires clé-valeur. Comprendre leurs fonctionnalités et leurs cas d'utilisation appropriés améliore vos compétences en développement JavaScript, conduisant à un code plus efficace et performant.

Rappelez-vous que JavaScript est un langage polyvalent et que la maîtrise de ces concepts avancés est cruciale pour relever des défis de programmation complexes. Continuez à pratiquer et à explorer pour approfondir votre compréhension des capacités de JavaScript.

Practice

What are some properties of JavaScript Map and Set?

Trouvez-vous cela utile?

Aperçu dual-run — comparez avec les routes Symfony en production.