Usar if else else en JavaScript

Autor: | Última modificación: 8 de agosto de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

Los proyectos de programación en JavaScript se basan en crear y ejecutar acciones. En este proceso, hay momentos en los que queremos hacer que estas acciones se ejecuten solo en escenarios específicos. Para ello, existe una sección de la sintaxis de este lenguaje que conocemos como condicionales. En este post, te enseñaremos cómo usar if else else en JavaScript, el condicional más utilizado en este lenguaje de programación.

¿Qué es un condicional en JavaScript?

Las palabras clave condicionales nos permiten definir situaciones que deben suceder para que una acción específica se ejecute. Estas situaciones se plantean justo después de la palabra clave, entre paréntesis. A continuación te explicamos cómo funcionan los condicionales if, else y else if.

if

El condicional if, si en español, nos permite introducir una situación que debe ser verdadera para que una acción suceda. Luego de este, escribiremos la acción a ejecutar. Entonces, podemos hacer que, por ejemplo, si una variable llega a determinado valor (i = 3), un bucle se detenga (break).

También podemos utilizar el condicional if para elementos que no tienen iteraciones o repeticiones. Por ejemplo, podemos utilizarlo para resolver qué se pinta por pantalla según el resultado de un valor aleatorio. Entonces, usaremos if seguido de un console.log.

NOTA: Para conocer cómo crear valores aleatorios en JavaScript, te invitamos a leer nuestro post sobre el objeto math y su método Math.random.

else if

El condicional else if nos permite plantear una situación extra que debe ser verdadera para que otra acción se ejecute. Este condicional solo tendrá sentido si if, el primer condicional, es falso.

else

El condicional if puede ser complementado por el condicional else. Este define automáticamente la situación opuesta a if. Es decir que la situación de if debe ser falsa para que la acción debajo de else se ejecute. Este condicional puede ser usado como último recurso después de un if y un else if.

¿Cómo usar if else else en JavaScript?

Los condicionales if, else y else if pueden ser usados en una misma función para plantear tres situaciones con distintos resultados. A continuación te ponemos un ejemplo.

Piensa que estamos creando una liga de fútbol en la que distintos equipos compiten entre si. Entonces, para definir el puntaje otorgado a cada equipo al final de un partido deberemos preparar nuestro código para todos los escenarios posibles. En un partido de fútbol hay dos escenarios básicos: o gana el equipo loca, o gana el visitante. Si no ha sucedido ninguna de estas opciones, han empatado.

Para plantear estas tres situaciones, podemos usar if else else en JavaScript. ¿Cómo definimos que un local gana? Pues con el número de goles que ha hecho, en relación al número de goles del visitante. Entonces, usaremos las variables homeGoals (goles de local) y awayGoals (goles del visitante), al igual que los operadores aritméticos de mayor que y menor que para crear las dos situaciones principales. Luego, usaremos el condicional else para definir una situación en la que las dos anteriores nos devuelven un valor falso.

A continuación te mostramos cómo se ve esta función, sin definir las acciones a ejecutar.

updateTeams (result) {

if (result.homeGoals > result.awayGoals) {

// gana el local

} else if (result.homeGoals < result.awayGoals) {

// gana el visitante

} else {

// empatan

Como ves, utilizamos primero la palabra clave if para definir la primera situación verdadera, luego la palabra clave else if para la segunda situación y finalmente la palabra clave else como última opción.

¿Qué sigue?

Ahora que sabes exactamente cómo usar if else else en JavaScript, seguro que quieres seguir aprendiendo sobre las distintas palabras clave y funciones de este complejo lenguaje de programación. Por ello, te invitamos a ser parte de nuestro bootcamp intensivo Desarrollo Web Full Stack Bootcamp, donde aprenderás a dominar lenguajes de programación como JavaScript, CSS y HTML. ¡Inscríbete ya!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores de software sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso! 

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!