Fiche de révision : JavaScript
Mise à jour le 7 août 2026
Transformer et agréger un tableau
const nombres = [1, 2, 3, 4, 5];
const pairs = nombres.filter((n) => n % 2 === 0);
const somme = nombres.reduce((total, n) => total + n, 0);
console.log(pairs); // [2, 4]
console.log(somme); // 15Réagir à un clic sans recharger la page
document.querySelector("form").addEventListener("submit", (event) => {
event.preventDefault();
const valeur = document.querySelector("#champ").value;
console.log("Valeur soumise :", valeur);
});Astuce
Trois réflexes couvrent une bonne partie des surprises de débutant : === plutôt que ==, vérifier qu’un querySelector n’a pas renvoyé null avant de l’utiliser, et super(…) en première ligne d’un constructeur qui hérite.
L'essentiel
Quand utiliser const plutôt que let ?
Par défaut, toujours const. Passer à let seulement quand la variable doit être réaffectée après sa déclaration, par exemple un compteur de boucle.
Pourquoi préférer === à == ?
== convertit les types avant de comparer, ce qui produit des résultats surprenants (0 == "" vaut true). === compare sans convertir, donc sans surprise.
Comment parcourir un tableau sans gérer d'index manuellement ?
Avec for (const element of tableau), qui donne directement chaque élément l'un après l'autre.
Que renvoie une fonction sans instruction return ?
undefined, systématiquement, même si la fonction affiche quelque chose avec console.log à l'intérieur.
Quelle est la différence entre map et filter sur un tableau ?
map transforme chaque élément et garde la même longueur. filter garde seulement les éléments qui passent un test, donc un tableau potentiellement plus court. Aucun des deux ne modifie le tableau d'origine.
Comment extraire plusieurs propriétés d'un objet en une seule instruction ?
Avec la déstructuration : const { nom, age } = objet crée directement deux variables nom et age.
Comment sélectionner un élément de la page et changer son texte ?
document.querySelector(sélecteur) renvoie l'élément, puis element.textContent = "..." change son texte affiché.
À quoi sert event.preventDefault() dans un gestionnaire de soumission de formulaire ?
À empêcher le rechargement de page que déclenche normalement la soumission d'un formulaire, pour laisser le JavaScript gérer la suite.
Que se passe-t-il quand une erreur est levée dans un bloc try qui a un catch ?
Le reste du bloc try est ignoré et l'exécution saute directement au bloc catch, qui reçoit l'objet d'erreur en paramètre.
Que fait super(...) dans le constructeur d'une classe qui utilise extends ?
Il appelle le constructeur de la classe parente pour initialiser la partie héritée de l'objet, avant tout accès à this.