Conditions

Prendre des décisions dans le code

Imagine un distributeur automatique. Tu entres ton code. Il vérifie : est-ce correct ? Si oui → argent. Si non → refus.

Les conditions font pareil. Elles permettent au code de prendre des décisions. "Si vrai, fais ceci. Sinon, fais cela."

if — "si"

if est la structure de base. Elle dit : "si cette condition est vraie, exécute ce bloc de code".

JavaScript

const age = 20;

if (age >= 18) {
  console.log("Tu es majeur !");
}
// Affiche : "Tu es majeur !" car 20 >= 18 est vrai

La syntaxe :

if — le mot-clé "si"
(age >= 18) — la condition entre parenthèses. Vrai ou faux ?
{ ... } — le code qui s'exécute si c'est vrai

if / else — "si... sinon..."

Ajoute un else pour gérer le cas où la condition est fausse.

JavaScript

const age = 15;

if (age >= 18) {
  console.log("Bienvenue, tu peux entrer !");
} else {
  console.log("Désolé, tu es trop jeune.");
}
// Affiche : "Désolé, tu es trop jeune." car 15 >= 18 est faux

if / else if / else — plusieurs cas

Plus de deux cas possibles ? Enchaîne des else if.

JavaScript

const note = 14;

if (note >= 16) {
  console.log("Très bien !");
} else if (note >= 12) {
  console.log("Bien !");
} else if (note >= 10) {
  console.log("Passable.");
} else {
  console.log("Insuffisant.");
}
// Affiche : "Bien !" car 14 >= 12 est la première condition vraie

JavaScript vérifie les conditions de haut en bas. Dès qu'une est vraie, il exécute ce bloc et ignore le reste.

Combiner des conditions

Combine plusieurs conditions avec && (ET) et || (OU).

JavaScript

const age = 22;
const aUneBillet = true;

// Les deux conditions doivent être vraies
if (age >= 18 && aUneBillet) {
  console.log("Tu peux entrer au concert !");
} else {
  console.log("Accès refusé.");
}

switch — quand il y a beaucoup de cas

Quand on compare une variable à plein de valeurs, switch est plus lisible que plusieurs else if.

JavaScript

const jour = "lundi";

switch (jour) {
  case "lundi":
    console.log("Début de semaine, courage !");
    break; // important ! arrête le switch
  case "vendredi":
    console.log("C'est vendredi, youpi !");
    break;
  case "samedi":
  case "dimanche":
    console.log("C'est le week-end !");
    break;
  default: // cas par défaut si aucun case ne correspond
    console.log("Un jour ordinaire.");
}

⚠️

N'oublie pas le break ! Sans lui, JavaScript continue sur les case suivants. C'est un piège classique.

L'opérateur ternaire — la condition en une ligne

Pour des conditions simples, utilise l'opérateur ternaire. C'est un raccourci en une seule ligne.

JavaScript

const age = 20;

// Syntaxe : condition ? valeurSiVrai : valeurSiFaux
const statut = age >= 18 ? "majeur" : "mineur";
console.log(statut); // majeur

// Équivalent à :
let statut2;
if (age >= 18) {
  statut2 = "majeur";
} else {
  statut2 = "mineur";
}

Essaie dans le playground

Playground — Conditions

Sortie

Lance le code avec le bouton ▶ Exécuter

// À retenir

if (condition) { ... } — exécute le bloc si la condition est vraie
else { ... } — s'exécute si la condition est fausse
else if (condition) { ... } — pour tester plusieurs cas
switch — pratique pour comparer une variable à plusieurs valeurs fixes
N'oublie pas le break dans chaque case d'un switch
Ternaire : condition ? siVrai : siFaux — pour des conditions simples en une ligne