Dans cet article, nous allons apprendre à connaître l’instruction conditionnelle (c’est-à-dire l’instruction if-else) en Javascript, ainsi qu’à comprendre sa mise en œuvre à travers des exemples. L’instruction conditionnelle va effectuer une action pour une condition spécifique. Si la condition est remplie, le bloc d’action particulier sera exécuté, sinon un autre bloc d’action qui satisfait à cette condition particulière sera exécuté.
La prise de décision en programmation est similaire à la prise de décision dans la vie réelle. En programmation également, nous sommes confrontés à des situations où nous voulons qu’un certain bloc de code soit exécuté lorsque certaines conditions sont remplies. Un langage de programmation utilise des instructions de contrôle pour contrôler le flux d’exécution du programme en fonction de certaines conditions. Elles sont utilisées pour faire avancer et bifurquer le flux d’exécution en fonction des changements d’état d’un programme.
Les instructions conditionnelles de JavaScript :
- if
- if-else
- if imbriqué
Nous allons comprendre chaque instruction conditionnelle, sa syntaxe, son organigramme et ses exemples. Veuillez vous référer à l’article Switch Case in JavaScript pour comprendre le switch case. Commençons par l’instruction if.
Instruction if : l’instruction if est l’instruction de décision la plus simple. Elle est utilisée pour décider si une certaine instruction ou un bloc d’instructions sera exécuté ou non, c’est-à-dire que si une certaine condition est vraie, un bloc d’instructions sera exécuté, sinon il ne le sera pas.
Syntaxe :
if(condition)
{
// condition est vraie
}
Ici, la condition après évaluation sera soit vraie, soit fausse. L’instruction if accepte les valeurs booléennes – si la valeur est vraie, elle exécutera le bloc d’instructions qui se trouve sous elle. Si nous ne fournissons pas les accolades ‘{‘ et ‘}’ après if( condition ), l’instruction if considérera par défaut que la première instruction immédiate se trouve dans son bloc. Par exemple,
<script type = "text/javaScript">
// Programme JavaScript pour illustrer l'instruction If
var i = 10 ;
si (i > 15) document.write("10 est inférieur à 15") ;
// Cette instruction sera exécutée
// comme si elle considérait une seule instruction par défaut
document.write("Je ne suis pas dans if") ;
</script>
L’instruction if-else : L’instruction if seule nous indique que si une condition est vraie, elle exécutera un bloc d’instructions et que si la condition est fausse, elle ne le fera pas. Mais que se passe-t-il si nous voulons faire quelque chose d’autre si la condition est fausse ? C’est là qu’intervient l’instruction else. Nous pouvons utiliser l’instruction else avec l’instruction if pour exécuter un bloc de code lorsque la condition est fausse.
Synthaxe :
if (condition)
{
// Ce bloc est exécuté si la condition est vraie
}
else
{
// Ce bloc est exécuté si la condition est fausse
}
Exemple : Cet exemple décrit l’instruction if-else en Javascript.
<script type = "text/javaScript">
var i = 10;
if (i < 15)
document.write("10 est inférieur à 15");
else
document.write("supérieur à 15");
</script>
Condition if imbriquée en JavaScript
Un if imbriqué est une instruction if qui est la cible d’un autre if ou else. Les instructions if imbriquées signifient une instruction if à l’intérieur d’une autre instruction if. Oui, JavaScript nous permet d’imbriquer des instructions if à l’intérieur d’autres instructions if, c’est-à-dire que nous pouvons placer une instruction if à l’intérieur d’une autre instruction if.
Code :
if (condition1)
{
// Cette partie va être éxécuté si la condition est vraie
if (condition2)
{
// Exécuté si la condition2 est vraie
}
}