Condicionales

🧭 Toma de decisiones en programación

Los condicionales son instrucciones que permiten a nuestros programas adaptarse y responder según diferentes situaciones, similar a cómo tomamos decisiones cotidianas.

Existen distintos modos de crear condicionales:

• if, else y else if - para decisiones simples y múltiples
• Operador ternario - para decisiones rápidas y sencillas
• switch - para múltiples opciones específicas

🔄 Estructuras Condicionales Básicas

🚦 if

La palabra if significa si…, como en: Si limpias tu cuarto, puedes seguir estudiando programación

Cuando queremos crear una acción que sólo ocurra bajo ciertas condiciones, podemos usar esta instrucción:

En código se ve algo así:

if (condicion) {
  // Instrucción que se ejecuta si la condición es verdadera
}

Por ejemplo:

let perritoSentado = true; // El perrito está sentado

if (perritoSentado) {
  console.log("¡Buen chico! Aquí tienes tu galleta 🦴");
}

En este ejemplo, si el perrito está sentado (la condición es verdadera), mostraremos un mensaje de felicitación y le daremos su premio.

🔀 else

La palabra else significa en otro caso, como en: Si limpias tu cuarto, puedes jugar. En otro caso, te quito el internet.

Nos ayuda a crear una instrucción que se ejecutará por defecto si es que no se cumple la condición de if:

La anatomía del código es la siguiente:

if (condicion) {
  // Instrucción que se ejecuta si la condición es verdadera
} else {
  // Instrucción que se ejecuta si la condición es falsa
}

Por ejemplo:

let luzVerde = false; // El semáforo está en rojo

if (luzVerde) {
  console.log("¡Adelante! Puedes avanzar 🚗");
} else {
  console.log("¡Alto! Debes detenerte 🛑");
}

En este ejemplo, como el semáforo está en rojo (luzVerde es false), el código mostrará el mensaje de alto.

🔄 else if

La frase else if significa de lo contrario si…, aunque es más sencillo pensarlo como … o si…. Como en el siguiente escenario:

• Si limpias tu cuarto, puedes…
• …o si lavas los trastes, puedes…
• …en otro caso, te quito el internet

Nos ayuda a crear más caminos dentro de estas decisiones.

La anatomía del código es la siguiente:

if (condicion1) {
  // Instrucción que se ejecuta si la condición1 es verdadera
} else if (condicion2) {
  // Instrucción que se ejecuta si la condición2 es verdadera
} else {
  // Instrucción que se ejecuta si ninguna condición es verdadera
}

Por ejemplo:

let poder = "estrella";

if (poder === "estrella") {
  console.log("¡Eres invencible! ⭐");
} else if (poder === "flor") {
  console.log("¡Puedes lanzar fuego! 🔥");
} else if (poder === "hongo") {
  console.log("¡Te has hecho más grande! 🍄");
} else {
  console.log("Tienes habilidades normales 🚶");
}

❓ Operador ternario

Existe una forma mucho más corta de usar un if + else. Le llamamos operador ternario.

Su anatomía se ve así:

condicion ? casoVerdadero : casoFalso;

• La condición va antes del signo de interrogación ?
• El primer valor (después del ?) es el resultado si la condición es verdadera
• El segundo valor (después del :) es el resultado si la condición es falsa

Por ejemplo:

let estaLloviendo = true;

let queLlevar = estaLloviendo ? "Llevo paraguas ☂️" : "Llevo gafas de sol 😎";

console.log(queLlevar);

Llevo paraguas ☂️

🔄 switch

La palabra switch viene del inglés y significa “interruptor” o “selector”.

Cuando tenemos distintos “caminos” para nuestro código es preferible utilizar la estructura switch, esta nos permite crear múltiples casos de una forma más estructurada.

La anatomía se ve de la siguiente manera:

switch (expresion) {
  case valor1:
    // Instrucciones para caso 1
    break;
  case valor2:
    // Instrucciones para caso 2
    break;
  default:
  // Instrucciones para los casos restantes
}

Los elementos principales son:

• switch (expresion): Evalúa una expresión para saber qué caso ejecutar
• case valorN: Define el valor a comparar con la expresión
• break: Evita que el código continúe ejecutando los casos siguientes
• default: Se ejecuta cuando ningún caso coincide con la expresión

let plataforma = "ComedyFlix";

switch (plataforma) {
  case "ComedyFlix":
    console.log("▶️ Reproduciendo 'Cómo conocí a tu meme'");
    break;
  case "MysteryPrime":
    console.log("🔦 Iniciando 'El misterio del WiFi perdido'");
    break;
  case "ActionMax":
    console.log("💣 Cargando 'John Wick: La venganza del examen final'");
    break;
  default:
    console.log("🔄 Seleccionando videos virales del momento...");
}

También es posible que haya lógica donde varios casos comparten las mismas instrucciones:

let dia = "Martes";

switch (dia) {
  case "Lunes":
  case "Miércoles":
    console.log("📚 Día de estudio en la biblioteca");
    break;
  case "Martes":
  case "Jueves":
    console.log("🏀 Práctica de deportes después de clase");
    break;
  case "Viernes":
    console.log("🎉 ¡Noche de juegos con amigos!");
    break;
  default:
    console.log("😴 Descanso en casa");
}

Comentarios