in

JavaScript – declaración if … else

decision making

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í te explicaremos el si … si no declaración.

Diagrama de flujo de if-else

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

Toma de decisiones

JavaScript admite las siguientes formas de si … si no declaración –

si declaración

los si declaración es la declaración de control fundamental que permite a JavaScript tomar decisiones y ejecutar declaraciones condicionalmente.

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 si funciona la declaración.

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

Producción

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

declaración if … else

los ‘si … si no’ 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>

Producción

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

if … else if … declaración

los si … si no si … declaración es una forma avanzada de si … si no 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 de si declaraciones, donde cada si es parte del demás clá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, entonces la demás 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>

Producción

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Comparable con Java – javatpoint

apple touch icon@2

html – ¿Cómo hacer que JavaScript se ejecute después de cargar la página?