Notions essentielles de Map et Set
Utilisez Map pour les recherches clé-valeur et Set pour les valeurs uniques ; parcourez-les, convertissez-les et appliquez de petits modèles
Notions essentielles de Map et Set est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 3. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage JavaScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours JavaScript Academy comprend 3 leçons au total.
Pourquoi les collections clé-valeur et les ensembles ?
Objectif : Choisir le conteneur adapté.
- Collection clé-valeur : clé → valeur (clé de n’importe quel type)
- Ensemble : valeurs uniques
- Parcourir et convertir
- Petits modèles du quotidien
Collection clé-valeur : set/get/has
Une collection clé-valeur propose set, get, has et delete, ainsi que des opérations pour tout effacer et connaître sa taille.
// Map: key→value with any key type
const userToScore = new Map();
// set values
userToScore.set("ayla", 10);
userToScore.set("mina", 15);
// read values
console.log("ayla:", userToScore.get("ayla"));
console.log("has lena?", userToScore.has("lena"));
// size
console.log("size:", userToScore.size);
Ensemble : valeurs uniques
Un ensemble ne conserve qu’une copie de chaque valeur ; les doublons sont ignorés.
// Set: unique values
const seen = new Set();
// add values (duplicates are ignored)
seen.add("red");
seen.add("blue");
seen.add("red"); // ignored
console.log("size:", seen.size);
console.log("has red?", seen.has("red"));
seen.delete("blue");
console.log("after delete:", seen.size);
Pourquoi préférer une collection clé-valeur à un objet ?
Une collection clé-valeur conserve l’identité des objets utilisés comme clés. Les objets simples convertissent les clés en chaînes.
// Map can use objects as keys directly
const key1 = { id: 1 };
const key2 = { id: 1 }; // different reference
const map = new Map();
map.set(key1, "A");
console.log("get key1:", map.get(key1));
console.log("get key2:", map.get(key2)); // undefined (different object)
const obj = {};
obj[key1] = "B"; // coerces key to "[object Object]"
console.log("object key:", obj["[object Object]"]);
Conversions
Créez des tableaux uniques à partir d’un ensemble. Construisez une collection clé-valeur à partir de pairs, puis reconvertissez-la avec entries().
// Unique array values via Set
const nums = [2, 2, 3, 4, 3];
const unique = Array.from(new Set(nums));
console.log("unique:", unique);
// Map from pairs; back to pairs
const pairs = [["a", 1], ["b", 2]];
const m = new Map(pairs);
console.log("get a:", m.get("a"));
console.log("entries:", Array.from(m.entries()));
Modèles à retenir
Petits modèles :
- Utilisez une collection clé-valeur pour les counts (clé → nombre).
- Utilisez un ensemble pour vérifier rapidement l’appartenance.
- Préférez une collection clé-valeur lorsque les clés ne sont pas des chaînes ou lorsque vous avez besoin de l’ordre d’insertion.
Quiz sur l’unicité des ensembles
Vérification rapide : unicité.
Récapitulatif
Récapitulatif : Choisissez une collection clé-valeur pour les recherches clé→valeur (clé de n’importe quel type) et un ensemble pour les valeurs uniques ; parcourez et convertissez avec entries()/Array.from.
Questions Fréquemment Posées
La leçon « Notions essentielles de Map et Set » est-elle gratuite ?
Oui — le texte complet de « Notions essentielles de Map et Set » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours JavaScript Academy, passe à CoddyKit PRO. Le cours JavaScript Academy comprend 3 leçons au total.
Qu'est-ce que j'apprendrai dans « Notions essentielles de Map et Set » ?
Utilisez Map pour les recherches clé-valeur et Set pour les valeurs uniques ; parcourez-les, convertissez-les et appliquez de petits modèles Tu pratiques JavaScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer JavaScript Academy ?
Aucune expérience préalable n'est requise. JavaScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 3.
Combien de temps prend la leçon « Notions essentielles de Map et Set » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon JavaScript Academy ?
Oui. Chaque leçon JavaScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Notions essentielles de Map et Set
- WeakMap et WeakSet — confidentialité et caches simples
- Modèles d’itération