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 4 : Boucles et tableaux Aperçu gratuit

4.1 — Tableaux et boucles

📋 Objectifs d'apprentissage

  • Créer et manipuler des tableaux
  • Parcourir avec for, for...of et forEach
  • Utiliser les méthodes push, pop, includes
🔄 Tableaux et boucles const fruits = ["pomme", "banane", "orange"]; for (const fruit of fruits) { console.log(fruit); } // pomme, banane, orange

Tableaux (Arrays)

const items = [1, 2, 3];
items.push(4);        // [1,2,3,4] — ajoute à la fin
items.pop();          // [1,2,3]   — retire le dernier
items.includes(2);    // true
items.length;         // 3

3 façons de parcourir un tableau

// for classique
for (let i = 0; i < items.length; i++) { console.log(items[i]); }

// for...of (moderne, recommandé)
for (const item of items) { console.log(item); }

// forEach
items.forEach(item => console.log(item));

💡 Boucle + condition

const notes = [12, 8, 15, 6, 18];
for (const note of notes) {
    console.log(note >= 10 ? "Admis" : "Refusé");
}

L'opérateur ternaire condition ? si_vrai : si_faux est un if en une ligne.

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