Home / JavaScript Basico / If...Else

If...Else

July 05, 2018

JavaScript - if... else Declaración


Al escribir un programa, puede haber una situación en la que deba adoptar uno de un conjunto determinado de rutas. En tales casos, debe usar declaraciones condicionales que le permitan a su programa tomar decisiones correctas y realizar las acciones correctas.
JavaScript admite declaraciones condicionales que se utilizan para realizar diferentes acciones basadas en diferentes condiciones. Aquí explicaremos la declaración if..else .


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 instrucción if..else -
  • if statement
  • if... else statement
  • if... else if... declaración.

declaración if

La instrucción if es la declaración de control fundamental que permite a JavaScript tomar decisiones y ejecutar sentencias condicionalmente.


Sintaxis

La sintaxis para una declaració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, las declaraciones dadas se ejecutan. Si la expresión es falsa, no se ejecutará ninguna declaración. La mayoría de las veces, usará operadores de comparación mientras toma decisiones.

Ejemplo

Pruebe el siguiente ejemplo para comprender cómo funciona la instrucción if .
<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...

si... declaración else:

La declaración 'if... else' es la siguiente forma de declaración de control que permite a JavaScript ejecutar sentencias 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, 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...

si... else si... declaración



La instrucción if... else if... es una forma avanzada de if... else que permite que JavaScript tome una decisión correcta a partir de varias condiciones.

Sintaxis

La sintaxis de una sentencia 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 sobre este código. Es solo una serie de declaraciones if , donde cada if es una parte de la cláusula else de la declaración anterior. Los enunciados se ejecutan en base a la condición verdadera, si ninguna de las condiciones es verdadera, entonces se ejecuta el bloque else .


Ejemplo

Pruebe el siguiente código para aprender a implementar una declaració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...
Subscribe to: Post Comments ( Atom )

Post Comment

No comments