Structure Conditionnelle If Else
Le If Else est utilisé pour mettre en œuvre la programmation conditionnelle. Dans ce tutoriel, nous allons apprendre les instructions suivantes liées au If Else.
- Instruction If
- Instruction If-else
- Instruction if-else-if
- If-else imbriqué
Le If
Elle est utilisée pour exécuter de manière conditionnelle un ensemble d'instructions.
Syntaxe de l'instruction if
if(expression){
// ensemble d'instructions
} |
Explication : Si l'expression est vraie, alors un ensemble d'instructions est exécuté. Sinon, l'exécution se poursuit avec les instructions après l'instruction if.
Exemple
var jour='Mercredi' ;
if(jour=='Mercredi'){
document.getElementById("message").innerHTML = "On est Mercredi aujourd'hui" ;
} |
Le If-Else
Il s'agit d'une extension de l'instruction If de JavaScript. Lorsque la condition est fausse, un autre ensemble d'instructions est exécuté.
Syntaxe de l'instruction if-else
if(expression){
// ensemble d'instructions
} else{
// un autre ensemble d'instructions
}
|
Explication : Si l'expression est vraie, alors un ensemble d'instructions est exécuté. Sinon, un autre ensemble d'instructions est exécuté. L'un ou l'autre des deux ensembles d'instructions sera exécuté de façon certaine en fonction de la condition. L'exécution se poursuit avec les instructions qui suivent l'instruction if-else.
Exemple:
var jour='Dimanche' ;
if(jour =='Dimanche'){
document.getElementById("message").innerHTML = "On est Dimanche aujourd'hui au repos " ;
} else{
document.getElementById("message").innerHTML = "Aujourd'hui n'est pas dimanche. Vous devez aller travailler." ;
} |
Le If-Else-If
Il s'agit d'une extension de l'instruction If-Else de JavaScript. Au lieu d'une seule condition, il y a plusieurs conditions.
Syntaxe de l'instruction if-else-if
if(expression){
// ensemble d'instructions
} else if(expression_2){
// un autre ensemble d'instructions
} else if(expression_3){
// un autre jeu d'instructions
} else{
// jeu d'instructions par défaut
} |
Explication : dans un ordre séquentiel, de haut en bas, le bloc d'instructions pour lequel la condition est vraie est exécuté. Lorsque le contrôle rencontre une condition vraie, le reste des blocs else if est ignoré.Il peut y avoir autant de blocs else if que nécessaire.Le bloc else est facultatif. Si aucune condition n'est satisfaite, else est exécuté.
Exemple
<script>
var day='Tuesday' ;
si(day=='Sunday'){
document.getElementById("message").innerHTML = "Aujourd'hui, c'est dimanche." ;
} else if(day=='Monday'){
document.getElementById("message").innerHTML = "Nous sommes aujourd'hui lundi. Vous avez passé un merveilleux week-end." ;
} else if(day=='Tuesday'){
document.getElementById("message").innerHTML = "Nous sommes mardi. Encore quatre jours pour le week-end." ;
} else{
document.getElementById("message").innerHTML = "Tenez bon. Vous allez bientôt avoir un week-end." ;
}
</script> |
JavaScript If imbriqué
Les instructions JavaScript If peuvent être imbriquées. L'instruction If est comme toute autre instruction JavaScript. Elle peut donc faire partie d'un "ensemble d'instructions" à l'intérieur d'un autre bloc if.
Syntaxe de l'instruction if imbriquée
if(expression_1){
// ensemble d'instructions
if(expression_2){
// un autre ensemble d'instructions
}
} |
Explication : Si l'expression_1 est vraie, le contrôle entre dans le premier bloc if et exécute l'ensemble des instructions. La condition if suivante est évaluée.
Exemple
var jour='Lundi' ;
var weekend = true ;
if(jour=='Lundi'){
document.getElementById("message1").innerHTML = "Aujourd'hui, c'est lundi" ;
if(weekend ){
document.getElementById("message2").innerHTML = "Son long week-end. Il reste encore du plaisir." ;
}
}a |
Conclusion: Dans ce tutoriel JavaScript, nous avons appris à connaître le If, If-Else, If-Else-If, et If-else imbriqué avec syntaxe et exemples.