Usar if else else en JavaScript

Autor: | Última modificación: 29 de enero de 2024 | Tiempo de Lectura: 3 minutos
Temas en este post:

Algunos de nuestros reconocimientos:

Premios KeepCoding

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?

Para aprender a usar if else else en JavaScript, debemos entender que 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 usar if else else en JavaScript en javascript.

if

El condicional if () javascript, 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 en javascript 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 lo que es else condicional en Javascript. 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 else que es usado como último recurso después de un if y un else if.

¿Cómo usar if else else en JavaScript?

Los condicionales en javascript 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 de las condicionales en javascript, 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 en javascript como última opción.

¿Qué sigue?

Ahora que sabes exactamente cómo usar condicionales en javascript de tipo 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

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado