JavaScript Tutorial

JavaScript – instruction if…else


Lors de l’écriture d’un programme, il peut arriver que vous deviez en adopter un parmi un ensemble de chemins donné. Dans de tels cas, vous devez utiliser des instructions conditionnelles qui permettent à votre programme de prendre les bonnes décisions et d’effectuer les bonnes actions.

JavaScript prend en charge les instructions conditionnelles qui sont utilisées pour effectuer différentes actions en fonction de différentes conditions. Ici, nous allons expliquer le sinon déclaration.

Organigramme de if-else

L’organigramme suivant montre comment fonctionne l’instruction if-else.

JavaScript prend en charge les formes suivantes de sinon déclaration −

si déclaration

Le si instruction est l’instruction de contrôle fondamentale qui permet à JavaScript de prendre des décisions et d’exécuter des instructions de manière conditionnelle.

Syntaxe

La syntaxe d’une instruction if de base est la suivante –

if (expression) {
   Statement(s) to be executed if expression is true
}

Ici, une expression JavaScript est évaluée. Si la valeur résultante est true, la ou les instructions données sont exécutées. Si l’expression est fausse, alors aucune instruction ne sera exécutée. La plupart du temps, vous utiliserez des opérateurs de comparaison pour prendre des décisions.

Exemple

Essayez l’exemple suivant pour comprendre comment le si déclaration fonctionne.

<html>
   <body>     
      <script type = "text/javascript">
         <!--
            var age = 20;
         
            if( age > 18 ) {
               document.write("<b>Qualifies for driving</b>");
            }
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

Sortir

Qualifies for driving
Set the variable to different value and then try...

instruction if…else

Le ‘sinon’ instruction est la prochaine forme d’instruction de contrôle qui permet à JavaScript d’exécuter des instructions de manière plus contrôlée.

Syntaxe

if (expression) {
   Statement(s) to be executed if expression is true
} else {
   Statement(s) to be executed if expression is false
}

Ici, l’expression JavaScript est évaluée. Si la valeur résultante est vraie, la ou les instructions données dans le bloc ‘if’ sont exécutées. Si l’expression est fausse, alors la ou les instructions données dans le bloc else sont exécutées.

Exemple

Essayez le code suivant pour apprendre à implémenter une instruction if-else en JavaScript.

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var age = 15;
         
            if( age > 18 ) {
               document.write("<b>Qualifies for driving</b>");
            } else {
               document.write("<b>Does not qualify for driving</b>");
            }
         //-->
      </script>     
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

Sortir

Does not qualify for driving
Set the variable to different value and then try...

si… sinon si… instruction

Le si… sinon si… déclaration est une forme avancée de sinon qui permet à JavaScript de prendre une décision correcte parmi plusieurs conditions.

Syntaxe

La syntaxe d’une instruction if-else-if est la suivante –

if (expression 1) {
   Statement(s) to be executed if expression 1 is true
} else if (expression 2) {
   Statement(s) to be executed if expression 2 is true
} else if (expression 3) {
   Statement(s) to be executed if expression 3 is true
} else {
   Statement(s) to be executed if no expression is true
}

Il n’y a rien de spécial à propos de ce code. Ce n’est qu’une série de si déclarations, où chaque si fait partie de la autre clause de la déclaration précédente. Les instructions sont exécutées sur la base de la condition vraie, si aucune des conditions n’est vraie, alors le autre bloc est exécuté.

Exemple

Essayez le code suivant pour apprendre à implémenter une instruction if-else-if en JavaScript.

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var book = "maths";
            if( book == "history" ) {
               document.write("<b>History Book</b>");
            } else if( book == "maths" ) {
               document.write("<b>Maths Book</b>");
            } else if( book == "economics" ) {
               document.write("<b>Economics Book</b>");
            } else {
               document.write("<b>Unknown Book</b>");
            }
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
<html>

Sortir

Maths Book
Set the variable to different value and then try...

#JavaScript #instruction #ifelse

Related Articles

Back to top button