Javascript: Alternativas a las condiciones con if

La instrucción if es una de las instrucciones de programación más populares del mundo, está presente en la mayor parte de los lenguajes de desarrollo, incluido JavaScript.

Debido a esa popularidad todos tenemos tendencia a usarlo demasiado cuando tenemos otras alternativas que en el contexto adecuado son más rápidas y nos permiten tener un código más legible.

Vamos con las alternativas.

Operadores ternarios:

const esVerdadero = true;
const resultado = esVerdadero ? "Es verdadero" : "Es falso";
console.log(resultado);

Se mostrará en pantalla:

Es verdadero

Switch:

const num = 3;

switch(num){
  case 1:
    console.log(1);
    break;
  case 2:
    console.log(2);
    break;
  case 3:
    console.log(3);
    break;
}

Se mostrará en pantalla:

3

Operadores lógicos (&& y ||):

Este operador puede ser utilizado en JavaScript de una manera diferente a la de otros lenguajes.

const mensaje = user && user.name && `Bienvenido, ${user.name}!`

En este caso comprobamos que exista el objeto user, de ser así comprobamos si existe la propiedad name dentro de user y si es así ya mostramos nuestro mensaje.

Con || lo que hacemos es comprobar si existe una variable, si existe le asignamos su valor, si no el valor nuevo.

const variable = username || 'Invitado';

Mapa de búsqueda:

Nos permite dar un valor a una variable evitando un montón de ifs.

function getStatusColor (status) {
  return {
    success: 'green',
    warning: 'yellow',
    info: 'blue',
    error: 'red'
  }[status]
}

Dependiendo del valor que le enviemos nos devolverá el color correspondiente.

Como veis son muy útiles en muchos casos, aunque en otros el if tradicional sigue siendo la mejor opción.

Espero que os sea de utilidad ^_^.