0Pricing
JavaScript Academy · Leçon

Modèles d’itération

Parcourez Map et Set avec for...of ; utilisez entries, keys et values ; convertissez en tableaux ; créez de petits compteurs et des listes de valeurs uniques

Modèles d’itération est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 3 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.

Vue d’ensemble du parcours

Objectif : Apprendre à parcourir les données simplement et clairement.

  • Collection clé-valeur : entries, keys, values
  • Ensemble : values
  • Convertir en tableaux
  • Compteur de fréquences et listes uniques
Modèles d’itération — illustration 1

Collection clé-valeur : entries/keys/values

Utilisez une boucle de parcours sur une collection clé-valeur pour obtenir [key, value] ; keys() et values() sont également disponibles.

// Map iterates as [key, value] pairs
const prices = new Map();
prices.set("apple", 3);
prices.set("banana", 2);

for (const [item, cost] of prices) {
  console.log(item, cost);
}

// You can also use keys() or values()
for (const k of prices.keys()) {
  console.log("key:", k);
}
for (const v of prices.values()) {
  console.log("value:", v);
}
Modèles d’itération — illustration 2

Ensemble : boucle simple

Un ensemble fournit des valeurs uniques dans l’ordre d’insertion ; les doublons sont ignorés.

// Set iterates values in insertion order
const colors = new Set(["red", "green", "red", "blue"]);

for (const c of colors) {
  console.log("color:", c);
}

console.log("size:", colors.size);
Modèles d’itération — illustration 3

Conversions avec Array.from

Utilisez Array.from pour transformer des collections clé-valeur et des ensembles en tableaux (et des pairs en collection clé-valeur).

// Convert Map to array of pairs, and back
const map1 = new Map([["a", 1], ["b", 2]]);
const pairs = Array.from(map1); // [["a",1],["b",2]]
console.log("pairs:", pairs);

const map2 = new Map(pairs);
console.log("map2 has a?", map2.has("a"));

// Set to array of values
const set1 = new Set([1, 1, 2, 3]);
const arr = Array.from(set1); // [1,2,3]
console.log("arr:", arr);
Modèles d’itération — illustration 4

Compteur de fréquences

Un compteur fondé sur une collection clé-valeur est un moyen clair de comptabiliser les occurrences dans une liste.

// Count items in an array using Map
function countItems(list) {
  const counts = new Map();
  for (const x of list) {
    const n = counts.get(x) || 0;
    counts.set(x, n + 1);
  }
  return counts;
}

const fruits = ["apple", "banana", "apple", "apple", "banana"];
const counts = countItems(fruits);

// Print counts as "item: n"
for (const [name, n] of counts) {
  console.log(name + ":", n);
}
Modèles d’itération — illustration 5

Unicité et appartenance

Utilisez un ensemble pour créer une liste unique et vérifier rapidement l’appartenance avec has.

// Unique values with Set, quick membership test
const numbers = [2, 3, 2, 4, 3, 5];
const unique = Array.from(new Set(numbers));
console.log("unique:", unique);

// Quick membership with Set.has
const allowed = new Set([2, 5]);
console.log("allowed has 2?", allowed.has(2));
console.log("allowed has 4?", allowed.has(4));
Modèles d’itération — illustration 6

Quiz sur le parcours d’une collection clé-valeur

Vérification rapide : meilleure boucle pour obtenir une clé et sa valeur.

Modèles d’itération — illustration 7

Récapitulatif

Récapitulatif : Parcourez une collection clé-valeur avec une boucle de parcours pour obtenir [key, value], parcourez directement les valeurs d’un ensemble et convertissez avec Array.from. Utilisez une collection clé-valeur pour les compteurs et un ensemble pour les listes uniques.

Modèles d’itération — illustration 8

Questions Fréquemment Posées

La leçon « Modèles d’itération » est-elle gratuite ?

Oui — le texte complet de « Modèles d’itération » 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 « Modèles d’itération » ?

Parcourez Map et Set avec for...of ; utilisez entries, keys et values ; convertissez en tableaux ; créez de petits compteurs et des listes de valeurs uniques 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 3 sur 3.

Combien de temps prend la leçon « Modèles d’itération » ?

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

  1. Notions essentielles de Map et Set
  2. WeakMap et WeakSet — confidentialité et caches simples
  3. Modèles d’itération
← Retour à JavaScript Academy