Condicionales - Tutorial de Introducción a la Programación

Resumen Rápido

Los condicionales ejecutan código solo cuando una condición es verdadera (truthy). JavaScript trata valores como 0, "", null, undefined y NaN como falsy, así que entender truthy/falsy te ayuda a evitar sorpresas.

Tomando Decisiones en el Código

Los condicionales permiten que tu programa tome decisiones y ejecute diferente código según las condiciones.

Sentencia if

Ejecuta código cuando una condición es verdadera:

if (temperature > 30) {
  console.log("It's hot outside!");
}

Sentencia if...else

Maneja ambos resultados:

if (age >= 18) {
  console.log("You can vote");
} else {
  console.log("You cannot vote yet");
}

Cadena if...else if...else

Maneja múltiples condiciones:

if (score >= 90) {
  grade = "A";
} else if (score >= 80) {
  grade = "B";
} else if (score >= 70) {
  grade = "C";
} else {
  grade = "F";
}

Valores Truthy y Falsy

JavaScript evalúa cualquier valor como booleano en condicionales:

Valores falsy (se evalúan como false):

false
0 y -0
"" (string vacío)
null
undefined
NaN

Valores truthy (todo lo demás):

true
Cualquier número distinto de cero
Cualquier string no vacío
Objetos y arreglos (¡incluso los vacíos!)

if (username) {  // truthy if not empty
  console.log("Hello, " + username);
} else {
  console.log("Please log in");
}

Operador Ternario

Atajo para if/else simples:

const status = age >= 18 ? "adult" : "minor";
const message = items.length > 0 ? "Items found" : "No items";

Sentencia switch

Maneja muchos valores específicos:

switch (day) {
  case "Monday":
    console.log("Start of week");
    break;
  case "Friday":
    console.log("Almost weekend!");
    break;
  default:
    console.log("Regular day");
}

Pruébalo Tú Mismo

Aquí tienes un ejemplo práctico que puedes probar. Copia este código y ejecútalo en la consola de tu navegador (presiona F12 para abrir las herramientas de desarrollo) o en el Playground de Código.

// Basic if/else
const age = 20;
if (age >= 18) {
  console.log("You are an adult");
} else {
  console.log("You are a minor");
}

// Multiple conditions with else if
const score = 85;
let grade;
if (score >= 90) {
  grade = "A";
} else if (score >= 80) {
  grade = "B";
} else if (score >= 70) {
  grade = "C";
} else {
  grade = "F";
}
console.log("Your grade: " + grade); // "B"

// Truthy/falsy check
const username = "";
if (username) {
  console.log("Welcome, " + username);
} else {
  console.log("Please enter a username");
}

// Ternary operator (shorthand if/else)
const status = age >= 21 ? "Can drink" : "Cannot drink";

// Combining conditions with && and ||
const canDrive = age >= 16 && hasLicense;
const needsID = age < 21 || !hasMembership;

Puntos Clave

✓Elige diferentes caminos basándote en una condición.
✓Practica con ejemplos de código reales para solidificar tu comprensión
✓Este concepto construye la base para temas más avanzados