Module 1 : Introduction à JavaScript
1.1 — Premiers pas en JavaScript Aperçu
Module 2 : Opérateurs et conditions
2.1 — Conditions et logique Aperçu
Module 3 : Fonctions et portée
3.1 — Écrire et utiliser des fonctions Aperçu
Module 4 : Boucles et tableaux
4.1 — Tableaux et boucles Aperçu
Module 5 : Objets et JSON
5.1 — Objets JavaScript Aperçu
Module 6 : DOM — Sélectionner des éléments
6.1 — Le DOM et les sélecteurs Aperçu
Module 7 : DOM — Modifier le contenu et le style
7.1 — Modifier la page Aperçu
Module 8 : Événements
8.1 — Écouter les événements Aperçu
Module 9 : Formulaires dynamiques et validation
9.1 — Validation avancée Aperçu
Module 10 : API Fetch — Requêtes HTTP
10.1 — Fetch et async/await Aperçu
Module 11 : Manipulation de données — filter, map, reduce
11.1 — Filter, Map, Reduce Aperçu
Module 12 : Stockage local — localStorage
12.1 — Persister des données Aperçu
Module 13 : Modules et organisation du code
13.1 — Modules ES6 Aperçu
Module 14 : Projet final — Site interactif complet
14.1 — Application web interactive Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement
Module 11 : Manipulation de données — filter, map, reduce Aperçu gratuit

11.1 — Filter, Map, Reduce

📋 Objectifs d'apprentissage

  • Filtrer avec filter()
  • Transformer avec map()
  • Agréger avec reduce()
  • Chaîner les méthodes
🔧 filter → map → reduce .filter(n => n > 10)Garde les éléments qui passent .map(n => n * 2)Transforme chaque élément .reduce((a,b) => a+b, 0)Agrège en une valeur

filter — garder ce qui correspond

const nombres = [5, 12, 8, 20, 3];
const grands = nombres.filter(n => n > 10);
// [12, 20]

map — transformer chaque élément

const prix = [10, 20, 30];
const ttc = prix.map(p => p * 1.16);
// [11.6, 23.2, 34.8]

reduce — agréger en une valeur

const total = prix.reduce((acc, p) => acc + p, 0);
// 60

Chaînage — le super-pouvoir

const resultat = produits
    .filter(p => p.prix > 50)      // Produits chers
    .map(p => p.nom)                // Juste les noms
    .sort();                        // Triés alphabétiquement

💡 Pipeline de données

Les 3 méthodes s'enchaînent : filtrez → transformez → agrégez. Remplace 15 lignes de for/if par 3 lignes de code fonctionnel. Plus lisible, plus fiable.

Ceci est un aperçu gratuit.
Voir la formation complète