Cours IT Bases JavaScript 041_Branches conditionnelles if, else, switch

Les instructions conditionnelles en JavaScript incluent principalement if, else if, else et switch.

Instruction if

L’instruction if est utilisée pour déterminer si un bloc de code doit être exécuté en fonction d’une condition. Lorsque l’expression conditionnelle entre parenthèses if(...) est true, une ligne d’instruction après if est exécutée. Si vous souhaitez contrôler plusieurs lignes de code, vous pouvez utiliser {} pour encadrer les instructions. Il est recommandé d’utiliser toujours des accolades {} pour encapsuler les blocs de code lors de l’utilisation de l’instruction if, même s’il n’y a qu’une seule instruction, cela peut améliorer la lisibilité du code. Si l’expression conditionnelle est false, elle n’est pas exécutée. Si l’expression conditionnelle après if n’est pas une valeur booléenne, elle sera d’abord convertie en valeur booléenne puis évaluée. Le nombre 0, la chaîne vide "", null, undefined et NaN sont tous convertis en false. Les autres valeurs sont converties en true.

Exemple :

1
let age = 18;
2
if (age >= 18) console.log('Adulte');
3
if (age >= 18) {
4
  console.log('Adulte');
5
}

Instruction if-else

L’instruction if-else peut exécuter différents blocs de code en fonction de différentes conditions. Si la valeur de l’expression est true, le bloc de code après if est exécuté ; sinon, le bloc de code après else est exécuté.

Exemple :

1
let age = 25;
2
if (age >= 18) {
3
  console.log('Adulte');
4
} else {
5
  console.log('Mineur');
6
}

Instruction else if

L’instruction else if est une extension utilisée dans la structure if-else, qui vous permet d’ajouter plusieurs conditions à juger. L’instruction else if évaluera les expressions conditionnelles après if de haut en bas jusqu’à ce qu’une condition true apparaisse. Lorsqu’une condition true apparaît, les conditions suivantes ne seront plus évaluées. Il est nécessaire de concevoir raisonnablement l’ordre des conditions ou d’ajouter des conditions d’opération logique.

Exemple :

1
let score = 95;
2
if (score >= 90) {
3
  console.log('Excellent');
4
} else if (score >= 60) { //Essayez de classer cette condition en premier et voyez quel est le résultat ?
5
  console.log('Réussi');
6
} else {
7
  console.log('Échoué');
8
}

Instruction switch

L’instruction switch peut remplacer plusieurs jugements if, effectuant une sélection à branches multiples en fonction de la valeur d’une expression. Lors de l’exécution, l’instruction switch comparera strictement égale l’expression après switch avec l’expression après case en séquence. Si le résultat de la comparaison est true, l’instruction switch exécutera le bloc de code correspondant après case, jusqu’à rencontrer l’instruction break la plus proche (ou jusqu’à la fin de l’instruction switch). S’il n’y a pas de case correspondant, le bloc de code default est exécuté (si default existe).

Exemple :

1
let day = 7;
2
switch (day) {
3
  case 1:
4
      console.log('Lundi');
5
      break;
6
  case 2:
7
      console.log('Mardi');
8
    break;
9
  case 6: //groupement de case
10
  case 7: //Plusieurs branches case partageant le même bloc de code peuvent être regroupées
11
      console.log('Week-end');
12
      break;
13
  default:
14
      console.log('Autre');
15
}

break pour terminer (sortir) de la boucle

break est utilisé pour terminer (sortir) de la boucle actuelle ou de l’instruction switch. S’il n’y a pas de break, l’exécution continuera avec le case suivant (c’est-à-dire qu’un phénomène de “chute” se produit).

Exemple :

1
let day = 2;
2
switch (day) {
3
  case 1:
4
    console.log('Lundi');
5
    break;
6
  case 2:
7
    console.log('Mardi');
8
    // Pas de break, continuera à exécuter le case suivant
9
  case 3:
10
    console.log('Mercredi');
11
    break;
12
  default:
13
    console.log('Autre');
14
}