Cuando se trata de sentencias condicionales, no es necesario utilizar siempre la sintaxis clásica if / switch. De hecho, depende del contexto en el que esté trabajando.

ES6 le da más poder para escribir mejores sentencias condicionales. Es más corto y más limpio.

Eso es lo que les mostraré en este artículo: 6 formas de mejorar las sentencias condicionales según el contexto.

¡Siga leyendo!

1. Regreso temprano en lugar de if… else

Las condiciones anidadas son desagradables, difíciles de controlar y fáciles de generar errores. Una pantalla pequeña como una Macbook de 13″ no puede mostrar líneas completas de código si tiene bloques anidados de varios niveles. Tiene que desplazarse horizontalmente para ver el código completo a veces, lo que resulta poco satisfactorio.

Entonces, ¿cómo aplana las condiciones anidadas? Regrese temprano. Específicamente, si hay errores o algo no válido, debe devolverlo al comienzo de la función.

2. El uso de Array.includes

Suponga que necesita verificar si un animal es una mascota como a continuación:

Si la colección de mascotas incluye solo gatos y perros, está bien. Pero ¿y si tiene más? Como gato, perro, pájaro, serpiente. La lista continua. Por supuesto, puede agregar more || operator para realizar la tarea. Sin embargo, obtengo una forma más agradable a continuación:

Verá, es más bonito que usar more || operator. Entonces, para múltiples condiciones como las anteriores, use Array.includes.

3. Uso de parámetros de función predeterminados

Por lo general, nos aseguramos de que un parámetro no sea nulo o indefinido. Si es nulo, debemos asignarle un valor predeterminado antes de usarlo.

¿Tenemos que escribir las dos primeras sentencias if? No. Al usar valores predeterminados, puede eliminarlos.

4. Usando Array.every

¿Qué pasa si le dan una variedad de mascotas y le piden que verifique si todas las mascotas tienen cuatro patas o no?

Normalmente, haremos lo siguiente:

Aquí tenemos una sentencia for y otra if. No es mucho, pero es genial si podemos deshacernos de ellos. De hecho, podemos completar la tarea con una sola línea:

Una gran mejora, ¿no?

5. Usando Array.some

Cambiemos un poco la tarea. Ahora comprobaremos si al menos una mascota tiene cuatro patas. Es hora de usar Array.some

6. Uso de indexación en lugar de switch…case

La siguiente declaración de cambio está a punto de devolver las razas de la mascota general dada.

Hay case…return, case…return, y case…return de nuevo. Soy programador y también escritor, así que encuentro que la repetición es algo aburrida. Eche un vistazo al enfoque más limpio a continuación.

Si eres como yo, te encantará el segundo enfoque que el primero.

Eso es. Sea flexible al trabajar con sentencias condicionales.

¿Me perdí alguna mejor manera? Si es así, avíseme en los comentarios a continuación.

Espero que disfrute de este artículo.