JavaScript - declaración if ... else

Mientras escribe un programa, puede haber una situación en la que necesite adoptar uno de un conjunto determinado de rutas. En tales casos, debe utilizar declaraciones condicionales que permitan a su programa tomar decisiones correctas y realizar acciones correctas.

JavaScript admite declaraciones condicionales que se utilizan para realizar diferentes acciones en función de diferentes condiciones. Aquí explicaremos elif..else declaración.

Diagrama de flujo de if-else

El siguiente diagrama de flujo muestra cómo funciona la instrucción if-else.

JavaScript admite las siguientes formas de if..else declaración -

  • si declaración

  • declaración if ... else

  • if ... else if ... declaración.

si declaración

los if declaración es la declaración de control fundamental que permite a JavaScript tomar decisiones y ejecutar declaraciones de forma condicional.

Sintaxis

La sintaxis de una instrucción if básica es la siguiente:

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

Aquí se evalúa una expresión de JavaScript. Si el valor resultante es verdadero, se ejecutan las declaraciones dadas. Si la expresión es falsa, no se ejecutará ninguna declaración. La mayoría de las veces, utilizará operadores de comparación al tomar decisiones.

Ejemplo

Pruebe el siguiente ejemplo para comprender cómo if la declaración funciona.

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

Salida

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

declaración if ... else

los 'if...else' declaración es la siguiente forma de declaración de control que permite a JavaScript ejecutar declaraciones de una manera más controlada.

Sintaxis

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

Aquí se evalúa la expresión de JavaScript. Si el valor resultante es verdadero, se ejecutan las declaraciones dadas en el bloque 'if'. Si la expresión es falsa, entonces se ejecutan las declaraciones dadas en el bloque else.

Ejemplo

Pruebe el siguiente código para aprender a implementar una declaración 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>

Salida

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

if ... else if ... declaración

los if...else if... declaración es una forma avanzada de if…else que permite a JavaScript tomar una decisión correcta a partir de varias condiciones.

Sintaxis

La sintaxis de una instrucción if-else-if es la siguiente:

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
}

No hay nada especial en este código. Es solo una serie deif declaraciones, donde cada if es parte del elsecláusula de la declaración anterior. Las declaraciones se ejecutan en función de la condición verdadera, si ninguna de las condiciones es verdadera,else se ejecuta el bloque.

Ejemplo

Pruebe el siguiente código para aprender a implementar una instrucción 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>

Salida

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