Instructions conditionnelles Javascript If...Else if ..Else - Letecode

Instructions JavaScript If …Else

Dernière mise à jour : 13/06/2022

Dans ce chapitre, vous apprendrez à écrire le code décisionnel à l'aide des instructions conditionnelles if...else...else if en JavaScript.

Instructions conditionnelles JavaScript

Comme de nombreux autres langages de programmation, JavaScript vous permet également d'écrire du code qui exécute différentes actions en fonction des résultats d'une condition de test logique ou comparative au moment de l'exécution. Cela signifie que vous pouvez créer des conditions de test sous la forme d'expressions évaluées à trueou falseet sur la base de ces résultats, vous pouvez effectuer certaines actions.

Il existe plusieurs instructions conditionnelles en JavaScript que vous pouvez utiliser pour prendre des décisions :

  • L' instruction si
  • L' instruction if...else
  • L' instruction if...else if...else
  • L' instruction switch...case

Nous discuterons en détail de chacune de ces déclarations dans les prochaines sections.

L'instruction if

L' instruction if est utilisée pour exécuter un bloc de code uniquement si la condition spécifiée est vraie. Il s'agit des instructions conditionnelles JavaScript les plus simples et peuvent être écrites comme suit :

 

if (condition) {
    // Code à exécuter
}

L'exemple suivant affichera "Have a nice weekend!" si le jour en cours est vendredi :

var now = new Date();
var dayOfWeek = now.getDay(); // Dimanche - Samedi : 0 - 6
if(dayOfWeek == 5) {
    alert("Have a nice weekend!");
}

La déclaration if...else

Vous pouvez améliorer les capacités de prise de décision de votre programme JavaScript en fournissant un choix alternatif en ajoutant une instruction else à l' instruction if .

L' instruction if...else vous permet d'exécuter un bloc de code si la condition spécifiée est évaluée comme vraie et un autre bloc de code si elle est évaluée comme fausse. Il peut s'écrire, comme ceci :

 

if (condition) {
    // Code à exécuter si la condition est vraie
} else {
    // Code à exécuter si la condition est fausse
}

Le code JavaScript dans l'exemple suivant affichera "Have a nice weekend!" si le jour actuel est vendredi, sinon il affichera le texte "Have a nice day!".

var now = new Date();
var dayOfWeek = now.getDay(); // Dimanche - Samedi : 0 - 6
if(dayOfWeek == 5) {
    alert("Have a nice weekend!");
} else {
    alert("Have a nice day!");
}

La déclaration if...else if...else

Le if...else if...else est une instruction spéciale utilisée pour combiner plusieurs instructions if...else .


if (condition1) {
    // Code à exécuter si condition1 est vraie
} else if (condition2) {
    // Code à exécuter si condition1 est fausse et condition2 vraie
} else {
    // Code à exécuter si condition1 et condition2 sont fausses
}

L'exemple suivant affichera "Have a nice weekend!" si le jour actuel est vendredi, et "Bon dimanche !" si le jour actuel est dimanche, sinon il affichera "Have a nice day!"

var now = new Date();
var dayOfWeek = now.getDay(); // Dimanche - Samedi : 0 - 6
if(dayOfWeek == 5) {
    alert("Have a nice weekend!");
} else if(dayOfWeek == 0) {
    alert("Have a nice Sunday!");
} else {
    alert("Have a nice day!");
}

Vous découvrirez l' instruction switch-case de JavaScript dans le chapitre suivant.

L'opérateur ternaire

L'opérateur ternaire fournit une manière abrégée d'écrire les instructions if...else . L'opérateur ternaire est représenté par le symbole point d'interrogation ( ?) et il prend trois opérandes : une condition à vérifier, un résultat pour true et un résultat pour false. Sa syntaxe de base est :

var résultat = (condition) ? valeur1 : valeur2

Si la condition est évaluée comme vraie, la valeur1 sera renvoyée, sinon la valeur2 sera renvoyée. Pour comprendre le fonctionnement de cet opérateur, considérons les exemples suivants :

var userType;
var age = 21;
if(age < 18) {
  userType = 'Mineur';
} else {
  userType = 'Adulte';
}
alert(userType); // Affiche : Adulte

En utilisant l'opérateur ternaire, le même code pourrait être écrit de manière plus compacte :

var age = 21;
var userType = age < 18 ? 'Mineur' : 'Adulte';
alert(userType); // Affiche Adult

Comme vous pouvez le voir dans l'exemple ci-dessus, étant donné que la condition spécifiée est évaluée comme fausse, la valeur à droite des deux-points ( :) est renvoyée, qui est la chaîne 'Adulte'.

Conseil : Le code écrit à l'aide de l'opérateur ternaire peut parfois être difficile à lire. Cependant, il fournit un excellent moyen d'écrire des instructions if-else compactes.