El curso más corto de programación (con JavaScript)
Conceptos fundamentales explicados de la manera más superficial para comenzar a entender de qué se trata la 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.
Piensa en los condicionales como un chef preparando un platillo según las preferencias del cliente:
De la misma manera, nuestro código puede realizar diferentes acciones según las condiciones.
Existen distintos modos de crear condicionales:
if
, else
y else if
- para decisiones simples y múltiplesswitch
- para múltiples opciones específicasif
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}
Imagina que tienes un perrito y quieres darle un premio:
De la misma manera, nuestro código puede ejecutar acciones cuando se cumple una condición.
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}
Piensa en un semáforo:
De la misma manera, nuestro código puede tomar dos caminos diferentes según una condición.
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:
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}
Podemos agregar tantas condiciones else if
como necesitemos para crear
diferentes caminos en nuestro programa.
Piensa en un videojuego donde tu personaje obtiene diferentes poderes según lo que recoge:
De la misma manera, el código puede tomar diferentes caminos según las condiciones que se cumplan.
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 🚶");}
En casos de múltiples caminos es recomendable usar la estructura switch
. La
veremos al final de este artículo.
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;
?
?
) es el resultado si la condición es verdadera:
) es el resultado si la condición es falsaEl operador ternario es como hacer una pregunta rápida con dos posibles respuestas:
¿Está lloviendo? Entonces llevo paraguas, si no, llevo gafas de sol
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 ejecutarcase valorN
: Define el valor a comparar con la expresiónbreak
: Evita que el código continúe ejecutando los casos siguientesdefault
: Se ejecuta cuando ningún caso coincide con la expresiónImaginemos que estamos eligiendo qué ver en streaming según nuestro estado de ánimo:
El switch
sería como el menú para seleccionar el contenido adecuado.
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");}
Crea un programa que determine si una persona puede conducir basándose en su edad:
Utiliza la estructura if-else
para resolverlo.
Crea un sistema de logros para un juego:
puntuacion
Crea un sistema de menú para una cafetería:
opcion
contiene un número del 1 al 4Utiliza la estructura switch
para mostrar la bebida seleccionada.