¿Cómo utilizar las condiciones if else o estructuras de decisión en JavaScript? y ¿Qué es un if en JavaScript?

La toma de decisiones en programación es similar a la toma de decisiones en la vida real. En programación también enfrentamos algunas situaciones en las que queremos que se ejecute un cierto bloque de código cuando se cumple alguna condición.

Los lenguajes de programación utilizan instrucciones condicionales 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 ramifique en función de los cambios en el estado de un programa.

Declaraciones condicionales de JavaScript:

• if
• if-else
• if anidados
• if-else-if

Estas declaraciones permiten controlar el flujo de ejecución de un programa basándose en las condiciones conocidas solo durante el tiempo de ejecución.

• if: esta declaración es la condición más simple para tomar decisiones. Se utiliza para decidir si una determinada declaración o bloque de instrucciones se ejecutará o no, es decir, si una determinada condición es verdadera, entonces un bloque de instrucción se ejecuta de otro modo se ejecutarán otras instrucciones de código.

Sintaxis

if(condición)
{
   // Código a ejecutarse
   // si la condición se cumple
}

En el ejemplo anterior se evalúa si la condición es verdadera o falsa, para esto la declaración debe aceptar los valores booleanos: si el valor es verdadero, ejecutará el bloque de instrucciones debajo de él encerrado entre las llaves.

Si no proporcionamos las llaves "{“ y "}” después del if (condición), entonces, de forma predeterminada, la condición if considerará únicamente la siguiente declaración inmediata. Por ejemplo,

if(condition)
   declaración1;
   declaración2;


// Aquí si la condición if es verdadera

// considerará solo la sentencia1

Diagrama de flujo:

<script type = "text/javaScript">

// Programa de JavaScript para ilustrar la declaración If

var i = 10;

if (i > 15)
  document.write("Aprendiendo JavaScript en EstradaWebGroup");


// Esta sentencia será ejecutada.
//ya que la condición if considera una declaración por defecto
document.write("Esta instrucción esta fuera del if");

 

< /script>

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

Sintaxis:

if (condición)
{
     // Ejecutar este bloque de código si
     // la condición es verdadera
}
else
{
     // Ejecuta este bloque de código si
     // la condición es falsa
}

<script type = "text/javaScript">
// Programa JavaScript para ilustrar la sentencia if-else

var i = 10;

if (i < 15)
  document.write("Aprender a programar JavaScript");
else
  document.write("La condición del if no se cumple y debe ejecutar el else");


</script>

• if anidado: un if anidado es una sentencia if que esta dentro de otro if o else. Anidado si sentencias significa una sentencia if dentro de una sentencia if. Sí, JavaScript nos permite anidar las sentencias if dentro de las sentencias if, es decir, podemos colocar una sentencia if dentro de otra sentencia if.

Sintaxis:

if (condición1)
{
    // Se ejecuta cuando la condición1 es verdadera
    if (condición2)
    {
       // Se ejecuta cuando condicion2 es verdadera
    }

}

<script type = "text/javaScript">
// Programa JavaScript para ilustrar la declaración anidada-if


var i = 10;

if (i == 10) {
  // Primera declaración if

  if (i < 15)
    document.write("la variable i es menor que 15");
  // declaración del if anidado
  // Sólo se ejecutará si la declaración de arriba es verdadera

  if (i < 12)
    document.write("La variable i también es menor que 12 ");
  else
    document.write("La variable i es mayor que 15");

}

</script>

<script type = "text/javaScript">

// Programa JavaScript para ilustrar la declaración anidada-if

var i = 20;

if (i == 10)
  document.write("la variable i tiene el valor de  10");

else if (i == 15)
  document.write("la variable i tiene el valor de  15");

else if (i == 20)
  document.write("la variable i tiene el valor de  20");

else
  document.write("la variable i no tiene ninguno de los valores anteriores");

</script>