Chargement...

If et else

Les opérateurs logiques vous ont donné un oui/non. Question suivante : quelles lignes doivent s’exécuter ? Si oui, un bloc ; si non, un autre. Ce choix, c’est if / else / else if. Vous savez déjà construire un boolean ; ici vous l’utilisez pour choisir le chemin.

Que fait if ?

if regarde la condition entre parenthèses. Si la valeur est truthy, JavaScript exécute le bloc entre accolades juste après. Si elle est falsy, ce bloc est ignoré. else est le chemin de secours quand le if a échoué. else if ajoute un autre test avant le else final.

Les mots-clés en un coup d’œil

📊 Pièces quotidiennes if / else

Mot-clé Lecture quotidienne Usage typique
if si ceci passe, exécuter ce bloc premier contrôle
else if sinon, si cet autre contrôle passe… chemins du milieu
else sinon, exécuter ceci dernier recours

Gardez la condition honnête : une comparaison (age >= 18), une jointure logique (age >= 18 && score >= 60) ou une variable boolean claire. Le travail de ce chemin va dans { … }.

if simple

javascript 
let age = 20;
if (age >= 18) {
console.log("adult");
}
console.log("done");

if ne s’exécute que si le test passe

Ici age vaut 20, donc age >= 18 est true et la console affiche adult, puis done. Passez age à 16 : il ne reste que done — le bloc if a été sauté.

La ligne après le } fermant s’exécute en général toujours (sauf si vous quittez plus tard la fonction). if n’arrête pas tout le programme ; il décide seulement si son propre bloc tourne.

if avec else

javascript 
let age = 16;
if (age >= 18) {
console.log("adult");
} else {
console.log("under 18");
}

else couvre l’autre chemin

Cette fois le test échoue ; JavaScript saute le premier bloc et exécute else. Vous voyez under 18. Pour une paire simple if / else, exactement une branche tourne — jamais les deux, jamais aucune.

chaîne else if

javascript 
let score = 75;
if (score >= 90) {
console.log("A");
} else if (score >= 60) {
console.log("pass");
} else {
console.log("retry");
}

else if ajoute des chemins intermédiaires

score vaut 75. Le premier test (>= 90) échoue. Le second (>= 60) passe : vous voyez pass et le else final est ignoré. L’ordre compte : placez d’abord les plages plus strictes quand elles se chevauchent.

Trois if séparés pourraient exécuter plusieurs blocs. else if garde les chemins exclusifs — après la première correspondance, la chaîne s’arrête.

Condition comparaison et logique

javascript 
let age = 20;
let score = 75;
if (age >= 18 && score >= 60) {
console.log("allowed");
} else {
console.log("blocked");
}
let ready = false;
if (!ready) {
console.log("wait");
}

Mettez de vrais tests entre parenthèses

La condition peut être une comparaison, une expression logique ou un boolean inversé. age >= 18 && score >= 60 vaut true : vous voyez allowed. !ready vaut aussi true : vous voyez wait. Construisez d’abord le oui/non ; laissez if choisir la branche.

Stocker un message de branche

javascript 
let age = 20;
let label;
if (age >= 18) {
label = "adult";
} else {
label = "under 18";
}
console.log(label);

Nommez le résultat de la branche

Parfois vous voulez une chaîne (ou un nombre) issue du choix, pas seulement un console.log. Assignez label dans chaque branche, puis utilisez-le une fois. Ici label devient "adult".

Affichez le chemin choisi sur la page

Créez un court message avec if / else, puis écrivez-le dans la page.

Branche page avec if else

html 
<!DOCTYPE html>
<html>
<head>
<title>If else — page branch</title>
</head>
<body>
<p id="out">…</p>
<script>
let age = 20;
let msg;
if (age >= 18) {
msg = "adult";
} else {
msg = "under 18";
}
let box = document.getElementById("out");
box.textContent = "status=" + msg;
</script>
</body>
</html>

age vaut 20, la page montre status=adult. Mettez age à 16, rechargez : vous devriez voir status=under 18. La leçon suivante (switch) choisit parmi plusieurs valeurs fixes ; pour les portes oui/non du quotidien, if / else reste l’outil.

À essayer vous-même

  1. Journalisez "ok" dans if (true) et vérifiez l’affichage.
  2. Utilisez if / else avec let age = 16 et affichez "adult" ou "under 18".
  3. Construisez une chaîne else if pour les bandes de score : A (≥ 90), pass (≥ 60), sinon retry.
  4. Combinez age >= 18 && score >= 60 dans une condition if.
  5. Stockez une chaîne label via if / else, puis journalisez-la une fois.
  6. Dans la démo HTML, changez seulement age, rechargez, lisez le nouveau texte status=.

Erreurs fréquentes

  • Oublier les accolades { } autour du corps de la branche
  • Écrire if (age = 18) avec un seul = (affectation) au lieu d’une comparaison
  • Placer un else sans if correspondant au-dessus
  • Plusieurs if séparés alors que vous vouliez des chemins exclusifs else if
  • Tester des plages dans le mauvais ordre (ex. >= 60 avant >= 90)

Résumé

  • if exécute un bloc quand la condition est truthy
  • else s’exécute quand ce if a échoué
  • else if ajoute d’autres chemins intermédiaires exclusifs
  • Les conditions sont surtout des comparaisons ou des expressions logiques
  • Gardez chaque branche entre accolades ; stockez une étiquette si vous en avez besoin plus tard
  • Suite : switch — choisir parmi plusieurs valeurs fixes

🧠 Testez Vos Connaissances

Prêt à Commencer

Testez Vos Connaissances

Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet

❓
8
Questions
🎯
70%
Pour Réussir
♾️
∞
Temps
🔄
∞
Tentatives

📝 Instructions

  • Lisez chaque question attentivement
  • Sélectionnez la meilleure réponse pour chaque question
  • Vous pouvez refaire le quiz autant de fois que vous le souhaitez
  • Votre progression sera affichée en haut
Sujet 21 de 22
Javascript Tutoriel