Declaración if-else en JavaScript

En este artículo, aprenderemos sobre la declaración condicional (es decir, la declaración if-else ) en Javascript, además de comprender su implementación a través de los ejemplos. La declaración condicional realizará alguna acción para la condición específica. Si la condición se cumple, se ejecutará el bloque de acción en particular; de lo contrario, se ejecutará otro bloque de acción que satisfaga esa condición en particular.

La toma de decisiones en la programación es similar a la toma de decisiones en la vida real. En programación también nos enfrentamos a algunas situaciones en las que queremos que se ejecute un determinado bloque de código cuando se cumple alguna condición. Un lenguaje de programación utiliza declaraciones de control para controlar el flujo de ejecución del programa en función de ciertas condiciones. Estos se utilizan para hacer que el flujo de ejecución avance y se bifurque en función de los cambios en el estado de un programa.

Declaraciones condicionales de JavaScript:

• si
• si-más
• anidado-si
• if-else-if escalera

 Comprenderemos cada declaración condicional, su sintaxis, diagrama de flujo y ejemplos. Consulte el artículo Cambiar caso en JavaScript para comprender el cambio de caso. Comencemos con la declaración if.

if-statement : if es la declaración más simple para la toma de decisiones. Se utiliza para decidir si una determinada instrucción o bloque de instrucciones se ejecutará o no, es decir, si una determinada condición es verdadera, entonces se ejecutará un bloque de instrucciones; de lo contrario, no se ejecutará.

Sintaxis :

if(condition) 
{
   // Statements to execute if
   // condition is true
}

Aquí, la condición después de la evaluación será verdadera o falsa. Si la declaración acepta valores booleanos: si el valor es verdadero, ejecutará el bloque de declaraciones debajo de él. Si no proporcionamos las llaves ‘{‘ y ‘}’ después de if(condición) , entonces, por defecto, la declaración if considerará que la declaración inmediata está dentro de su bloque. Por ejemplo,

if(condition)
   statement1;
   statement2;

// Here if the condition is true, if block 
// will consider only statement1 to be inside 
// its block.

Diagrama de flujo:

declaración de condición condicional

Ejemplo: Este ejemplo describe la declaración if en Javascript.

<script type = "text/javaScript">
 
// JavaScript program to illustrate If statement
var i = 10;
 
if (i > 15) document.write("10 is less than 15");
 
// This statement will be executed
// as if considers one statement by default
document.write("I am Not in if");
</script>

Salida :

I am Not in if

Sentencia if-else : La sentencia if por sí sola nos dice que si una condición es verdadera ejecutará un bloque de sentencias y si la condición es falsa no lo hará. Pero qué pasa si queremos hacer otra cosa si la condición es falsa. Aquí viene la declaración else. Podemos usar la declaración else con la declaración if para ejecutar un bloque de código cuando la condición es falsa.

Sintaxis :

if (condition)
{
    // Executes this block if
    // condition is true
}
else
{
    // Executes this block if
    // condition is false
}

Diagrama de flujo:

sentencia if-else

Ejemplo : este ejemplo describe la declaración if-else en Javascript.

<script type = "text/javaScript">
 
// JavaScript program to illustrate If-else statement
var i = 10;
 
if (i < 15)
  document.write("10 is less than 15");
else
  document.write("I am Not in if");
</script>

Salida :

i is smaller than 15

Instrucción if anidada: Una instrucción if anidada es una instrucción if que es el destino de otra if o else. Las declaraciones if anidadas significan una declaración if dentro de otra declaración if. Sí, JavaScript nos permite anidar sentencias if dentro de sentencias if. es decir, podemos colocar una sentencia if dentro de otra sentencia if.

Sintaxis :

if (condition1) 
{
   // Executes when condition1 is true
   if (condition2) 
   {
      // Executes when condition2 is true
   }
}

Diagrama de flujo:

instrucción if anidada

Ejemplo : este ejemplo describe la instrucción if anidada en Javascript.

<script type = "text/javaScript">
 
// JavaScript program to illustrate nested-if statement
var i = 10;
 
if (i == 10) {
 
  // First if statement
  if (i < 15)
    document.write("i is smaller than 15");
 
  // Nested - if statement
  // Will only be executed if statement above
  // it is true
  if (i < 12)
    document.write("i is smaller than 12 too");
  else
    document.write("i is greater than 15");
}
</script>

Salida :

i is smaller than 15
i is smaller than 12 too

Instrucción de escalera if-else-if: aquí, un usuario puede decidir entre múltiples opciones. Las declaraciones if se ejecutan de arriba hacia abajo. Tan pronto como una de las condiciones que controlan el if es verdadera, se ejecuta la declaración asociada con ese if y se omite el resto de la escalera. Si ninguna de las condiciones es verdadera, entonces se ejecutará la instrucción else final.

Sintaxis:

if (condition)
    statement;
else if (condition)
    statement;
.
.
else
    statement;

Diagrama de flujo:

declaración de escalera if-else-if

Ejemplo : este ejemplo describe la declaración de escalera if-else-if en Javascript.

<script type = "text/javaScript">
 
// JavaScript program to illustrate nested-if statement
var i = 20;
 
if (i == 10)
  document.write("i is 10");
else if (i == 15)
  document.write("i is 15");
else if (i == 20)
  document.write("i is 20");
else
  document.write("i is not present");
</script>

Salida :

i is 20

Navegadores compatibles:

• Google Chrome 1.0
• Firefox 1.0
• Microsoft Edge 12.0
• Internet Explorer 3.0
• Ópera 3.0
• Safari 1.0