JavaScript - istruzione if ... else

Durante la scrittura di un programma, potrebbe verificarsi una situazione in cui è necessario adottarne uno da un determinato insieme di percorsi. In questi casi, è necessario utilizzare istruzioni condizionali che consentano al programma di prendere decisioni corrette ed eseguire azioni corrette.

JavaScript supporta istruzioni condizionali che vengono utilizzate per eseguire azioni diverse in base a condizioni diverse. Qui spiegheremo ilif..else dichiarazione.

Diagramma di flusso di if-else

Il seguente diagramma di flusso mostra come funziona l'istruzione if-else.

JavaScript supporta le seguenti forme di if..else dichiarazione -

  • istruzione if

  • if ... else dichiarazione

  • if ... else if ... istruzione.

istruzione if

Il if è l'istruzione di controllo fondamentale che consente a JavaScript di prendere decisioni ed eseguire istruzioni in modo condizionale.

Sintassi

La sintassi per un'istruzione if di base è la seguente:

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

Qui viene valutata un'espressione JavaScript. Se il valore risultante è vero, vengono eseguite le istruzioni fornite. Se l'espressione è falsa, nessuna istruzione non verrà eseguita. La maggior parte delle volte utilizzerai operatori di confronto mentre prendi decisioni.

Esempio

Prova il seguente esempio per capire come il file if dichiarazione funziona.

<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>

Produzione

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

if ... else dichiarazione

Il 'if...else' istruzione è la forma successiva di istruzione di controllo che consente a JavaScript di eseguire le istruzioni in modo più controllato.

Sintassi

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

Qui viene valutata l'espressione JavaScript. Se il valore risultante è vero, vengono eseguite le istruzioni fornite nel blocco "if". Se l'espressione è falsa, vengono eseguite le istruzioni fornite nel blocco else.

Esempio

Prova il codice seguente per imparare a implementare un'istruzione if-else in 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>

Produzione

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

if ... else if ... istruzione

Il if...else if... statement è una forma avanzata di if…else che consente a JavaScript di prendere una decisione corretta in base a diverse condizioni.

Sintassi

La sintassi di un'istruzione if-else-if è la seguente:

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
}

Non c'è niente di speciale in questo codice. È solo una serie diif dichiarazioni, dove ciascuna if è una parte di elseclausola della dichiarazione precedente. Le istruzioni vengono eseguite in base alla condizione vera, se nessuna delle condizioni è vera, allora ilelse blocco viene eseguito.

Esempio

Prova il codice seguente per imparare a implementare un'istruzione if-else-if in 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>

Produzione

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