Curso JavaScript | Operador condicional en JavaScript

Tema anterior: Curso de JavaScript | Operadores lógicos en JavaScript

Los operadores condicionales nos permiten realizar diferentes tipos de acciones de acuerdo a diferentes condiciones. Hacemos uso de la declaración ‘if’.

if(expression){
   do this;
}

El argumento anterior llamado ‘expresión’ es básicamente una condición que pasamos al ‘si’ y si devuelve ‘verdadero’, entonces el bloque de código que contiene se ejecutará; de lo contrario, no.
Ejemplo:

<script>
// if example
let age = 20;
if(age == 20){
  alert('Hola!'); // Hola!
}
</script>

Producción:

Hola!

El código anterior es una demostración muy simple de si el operador condicional y si cambiamos el valor de la edad a algo que no sea ’20’, entonces no se imprime nada.

Cómo funciona ‘if’
Las sentencias ‘if(..)’ evalúan la expresión dentro de sus paréntesis y luego la convierten en un valor booleano. Si ese valor booleano es ‘falso’, la salida no se imprimirá.

if(0){
console.log('hey'); // will not be printed
}

if(1){
console.log('Yo')// Yo
}

cláusula else
La cláusula else se ejecuta cuando falla la condición dentro del paréntesis if.

if(this is true){
  do this;
}else{
  do this;
}

Ejemplo:

<script>
// else example
let age = 21;
if(age == 20){
  alert('You are 20'); // not executed
}else{
  alert('Adios!'); // will be alerted 
}
</script>

Producción:

Adios!

Puede haber escenarios en los que tengamos más de dos condiciones, en ese caso, hacemos uso de la cláusula ‘else-if’ que requiere una condición dentro de sus paréntesis.

if(expression){
  do this;
}else if(expression){
  do this;
}else{
  do this;
}

Ejemplo:

<script>
// else-if example
let age = 22;
if(age < 18 ){
  alert('Too Young.');
}else if( age > 18 && age < 60){
  alert('Yo..bienvenido.'); // Yo..bienvenido.
}else{
  alert('adios..señor');
}
</script>

Producción:

Yo..bienvenido.

Operador ternario
En Javascript también tenemos un operador ternario que es una forma muy corta de realizar una acción en función de una condición.

let result = condition ? value1 : value2;

Funciona de manera similar a un if-else, donde en función de una condición evaluamos el resultado. En el fragmento de código anterior, si la ‘condición’ evoluciona a ‘verdadero’, se ejecutará ‘valor1’; de lo contrario, se ejecutará ‘valor2’.
Ejemplo:

<script>
// ternany operator example
let age = 20;
let result = age>18 ? 'Great' : 'Not so great';
alert(result); // Great
</script>

Producción:

Great

Siguiente tema: Curso de JavaScript | Ejemplo de solicitud de Javascript