JavaScript - instruction if ... else

Lors de l'écriture d'un programme, il peut arriver que vous deviez en adopter un parmi un ensemble donné de chemins. Dans de tels cas, vous devez utiliser des instructions conditionnelles qui permettent à votre programme de prendre les bonnes décisions et d'exécuter 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 leif..else déclaration.

Organigramme de if-else

L'organigramme suivant montre le fonctionnement de l'instruction if-else.

JavaScript prend en charge les formes suivantes de if..else déclaration -

  • si déclaration

  • if ... instruction else

  • si ... sinon si ... déclaration.

si déclaration

le if L'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 vraie, la ou les instructions données sont exécutées. Si l'expression est fausse, aucune instruction ne sera exécutée. La plupart du temps, vous utiliserez des opérateurs de comparaison lors de la prise de décisions.

Exemple

Essayez l'exemple suivant pour comprendre comment le if 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>

Production

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

if ... instruction else

le 'if...else' 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, les instructions données dans le bloc 'if' sont exécutées. Si l'expression est fausse, alors les instructions données dans le bloc else sont exécutées.

Exemple

Essayez le code suivant pour savoir comment 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>

Production

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

if ... else if ... instruction

le if...else if... déclaration est une forme avancée de if…else qui permet à JavaScript de prendre une décision correcte à partir de 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. C'est juste une série deif déclarations, où chacun if fait partie de la elseclause de la déclaration précédente. Les instructions sont exécutées en fonction de la condition vraie, si aucune des conditions n'est vraie, alors leelse bloc est exécuté.

Exemple

Essayez le code suivant pour savoir comment 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>

Production

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