Prendre des décisions avec if et else

Une instruction if exécute un bloc de code seulement quand sa condition est vraie. Avec else if, JavaScript vérifie les conditions à partir du haut et s'arrête à la première qui est vraie.

N'exécuter du code que dans certains cas

Jusqu'ici, chaque programme exécutait chaque ligne, à chaque fois. Les programmes utiles se comportent différemment selon la situation : un jeu affiche "You win" seulement quand le score est assez élevé, et une boutique ajoute des frais de livraison seulement quand la commande est petite. L'instruction if est le moyen de choisir en JavaScript.

const temperature = 31;
if (temperature >= 30) {
  console.log("Hot day. Drink water.");
}
console.log("Done"); // s'affiche toujours

La condition se place entre parenthèses après le mot if. C'est n'importe quelle expression qui produit un booléen, en général une comparaison de l'unité précédente. Le code à exécuter quand elle est vraie se place entre accolades, qui forment un bloc. Si la condition est fausse, JavaScript saute tout le bloc et continue après l'accolade fermante. Ci-dessus, les deux lignes s'affichent. Passe temperature à 20 et seul "Done" s'affiche. Les lignes à l'intérieur du bloc sont décalées de deux espaces. JavaScript n'a pas besoin de cette indentation, mais elle montre d'un coup d'œil quelles lignes appartiennent au if, et tout programmeur expérimenté s'y attend.

else : l'autre chemin

Souvent, on veut faire une chose quand la condition est vraie et autre chose quand elle est fausse. Ajoute un bloc else. Exactement un des deux blocs s'exécute, jamais les deux et jamais aucun.

const n = 7;
if (n % 2 === 0) {
  console.log(n + " is even");
} else {
  console.log(n + " is odd");
}
// affiche : 7 is odd

else if : plus de deux choix

Pour plusieurs possibilités, enchaîne des conditions avec else if. JavaScript les teste à partir du haut. Dès que l'une est vraie, il exécute ce bloc et saute tous les autres, même si des conditions suivantes seraient vraies aussi. Le else final attrape tout ce qui n'a correspondu à rien plus haut.

const score = 72;
if (score >= 90) {
  console.log("A");
} else if (score >= 80) {
  console.log("B");
} else if (score >= 70) {
  console.log("C");
} else {
  console.log("F");
}
// affiche : C

L'ordre des conditions compte. Avec un score de 95, le premier test est déjà vrai et A s'affiche. Si les tests étaient écrits dans l'autre sens, en commençant par score >= 70, un score de 95 s'arrêterait au premier test et afficherait C. Quand les intervalles se chevauchent ainsi, place la condition la plus étroite en premier. Suivre le code à la main est une bonne habitude : choisis une valeur, lis à partir du haut et dis à voix haute quelle branche elle prend.

Imbriquer et combiner

Un bloc peut contenir une autre instruction if : c'est l'imbrication. On peut souvent éviter une imbrication profonde en combinant les conditions avec && et || de l'unité précédente. Ces deux morceaux de code font le même travail, et le second est plus facile à lire :

if (age >= 8) {
  if (height >= 120) {
    console.log("You can ride");
  }
}
// même chose, plus lisible :
if (age >= 8 && height >= 120) {
  console.log("You can ride");
}

L'opérateur conditionnel

Quand il s'agit seulement de choisir entre deux valeurs, il existe une forme compacte appelée opérateur conditionnel (ternaire) : condition ? valeurSiVrai : valeurSiFaux. Par exemple, const label = n % 2 === 0 ? "even" : "odd";. Utilise-le pour des choix de valeur courts. Pour tout ce qui exécute plusieurs instructions, un if et un else normaux sont plus clairs.

Une erreur fréquente consiste à écrire un seul signe égal dans la condition : if (score = 100). Cela range 100 dans score au lieu de comparer, et le bloc s'exécute à chaque fois. Compare toujours avec ===.