Saltar al contenidoPedro Farbo
Lección 10 / 1640 min

Tomando Decisiones con Condicionales

Tomando Decisiones con Condicionales

¡Los programas necesitan tomar decisiones. Vamos a aprender cómo!

if - Decisión Simple

javascript
const edad = 18; if (edad >= 18) {    console.log("¡Eres adulto!");}

Estructura:

javascript
if (condición) {    // código ejecuta si la condición es VERDADERA}

if/else - Dos Opciones

javascript
const edad = 15; if (edad >= 18) {    console.log("¡Eres adulto!");} else {    console.log("Eres menor.");}

else if - Múltiples Opciones

javascript
const nota = 75; if (nota >= 90) {    console.log("A");} else if (nota >= 80) {    console.log("B");} else if (nota >= 70) {    console.log("C");} else if (nota >= 60) {    console.log("D");} else {    console.log("F");}

Condiciones Compuestas

AND (&&) - Ambos verdaderos

javascript
const edad = 25;const tieneLicencia = true; if (edad >= 18 && tieneLicencia) {    console.log("¡Puedes conducir!");}

OR (||) - Al menos uno verdadero

javascript
const dia = "sábado"; if (dia === "sábado" || dia === "domingo") {    console.log("¡Es fin de semana!");}

NOT (!) - Invierte

javascript
const logueado = false; if (!logueado) {    console.log("Por favor inicia sesión.");}

Operador Ternario

Atajo para if/else simple:

javascript
const edad = 20; // Con if/elselet status;if (edad >= 18) {    status = "Adulto";} else {    status = "Menor";} // Con ternarioconst status = edad >= 18 ? "Adulto" : "Menor";

Estructura: condición ? siVerdadero : siFalso

switch - Múltiples Valores Exactos

javascript
const dia = 3; switch (dia) {    case 1:        console.log("Lunes");        break;    case 2:        console.log("Martes");        break;    case 3:        console.log("Miércoles");        break;    case 4:        console.log("Jueves");        break;    case 5:        console.log("Viernes");        break;    default:        console.log("Fin de semana");}

Importante: ¡No olvides el break!

Truthy y Falsy

En JavaScript, algunos valores son considerados "falsos":

javascript
// Valores falsy (se vuelven false)false0"" (string vacío)nullundefinedNaN // Todo lo demás es truthy"texto"    // true42         // true[]         // true (¡array vacío!){}         // true (¡objeto vacío!)

Ejemplo útil:

javascript
const nombre = ""; if (nombre) {    console.log(`Hola, ${nombre}!`);} else {    console.log("Hola, visitante!");}

Ejercicio Práctico: Calculadora

javascript
const num1 = Number(prompt("Primer número:"));const operador = prompt("Operador (+, -, *, /):");const num2 = Number(prompt("Segundo número:")); let resultado; if (operador === "+") {    resultado = num1 + num2;} else if (operador === "-") {    resultado = num1 - num2;} else if (operador === "*") {    resultado = num1 * num2;} else if (operador === "/") {    if (num2 === 0) {        resultado = "Error: no se puede dividir por cero!";    } else {        resultado = num1 / num2;    }} else {    resultado = "¡Operador inválido!";} alert(`Resultado: ${resultado}`);

Resumen

  • if para decisiones simples
  • if/else para dos opciones
  • else if para múltiples opciones
  • && (y), || (o), ! (no) para condiciones compuestas
  • ✅ Ternario para casos simples
  • switch para muchos valores exactos

¡En la próxima lección, aprenderemos bucles para repetir código! 🚀

¿Te gustó el contenido? ¡Tu contribución ayuda a mantener todo online y gratuito!

PIX:0737160d-e98f-4a65-8392-5dba70e7ff3e