Sentencias if

Los programas necesitan tomar decisiones y realizar acciones según diferentes situaciones. Por ejemplo, una app del clima podría mostrar un sol si es de día, o una luna si es de noche.

En JavaScript, controlamos estas decisiones con sentencias condicionales.

Qué hace una sentencia if

Una sentencia if revisa una condición.

Si la condición es verdadera, JavaScript ejecuta el código dentro de las llaves {}. Si la condición es falsa, JavaScript salta ese código y continúa.

Primer ejemplo de código

Usemos el operador >= para revisar la edad de un usuario.

const age = 18;

if (age >= 18) {
  console.log("Tienes edad suficiente para votar.");
}

Explicación del código

• La palabra clave if le dice a JavaScript que empiece una condición.
• La condición va dentro de paréntesis ().
• age >= 18 pregunta: "¿age es mayor o igual que 18?"
• Como age es 18, la condición es verdadera.
• El mensaje aparece en la sección de salida después de hacer clic en Ejecutar.

Usar else

¿Qué pasa si la condición es falsa? Podemos agregar else para darle al programa otro bloque de código para ejecutar.

const score = 45;

if (score >= 60) {
  console.log("Aprobaste!");
} else {
  console.log("No aprobaste.");
}

Aquí, score >= 60 es falso, así que JavaScript salta el bloque if y ejecuta el bloque else.

Usar else if

A veces necesitas revisar más de dos posibilidades. Puedes usar else if para probar otra condición antes de un bloque else opcional.

Usamos === para revisar si dos valores son exactamente iguales.

const weather = "raining";

if (weather === "sunny") {
  console.log("Usa gafas de sol.");
} else if (weather === "raining") {
  console.log("Lleva un paraguas.");
} else {
  console.log("Que tengas un buen día!");
}

JavaScript revisa las condiciones de arriba hacia abajo. Salta "sunny", encuentra que "raining" es verdadero y envía "Lleva un paraguas." a la sección de salida.

Mini tarea

Edita el código del clima de arriba.

Cambia el valor de weather de "raining" a "snowing". Luego haz clic en Ejecutar y revisa la sección de salida.

¿Qué mensaje ves?

Quiz corto

Pregunta: ¿Qué pasa si la condición en una sentencia if es falsa y no hay un bloque else?

• A) El programa se rompe.
• B) El código dentro del bloque if se ejecuta de todos modos.
• C) El código dentro del bloque if se salta y el programa continúa.

Respuesta: C. Si la condición es falsa, JavaScript salta el código dentro del bloque if.

Pequeño desafío

Escribe un programa que revise el estado de inicio de sesión de un usuario.

• Crea una variable llamada loginStatus.
• Revisa si loginStatus es exactamente igual a "yes".
• Si lo es, muestra "Welcome back!".
• Si no, muestra "Please log in.".

// escribe tu código abajo

console.log()

Resumen

Ahora sabes cómo tomar decisiones simples en JavaScript.

• if ejecuta código cuando una condición es verdadera.
• else ejecuta código cuando la condición del if es falsa.
• else if te permite revisar más de una condición.