0Pricing
JavaScript Academy · Lección

if/else y switch — patrones fundamentales

Escriba condiciones claras con if/else y switch; use guard clauses para salir pronto.

if/else y switch — patrones fundamentales es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 1 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 3 lecciones en total.

Introducción

Objetivo: Elija la condicional adecuada. Empiece con if/else, añada else if para varias ramas y utilice switch para comparar valores de forma clara.

if/else y switch — patrones fundamentales — ilustración 1

Conceptos básicos de if/else

Si la condición es verdadera, ejecute el primer bloque; de lo contrario, ejecute el bloque else.

// if/else — choose between two paths
const score = 72;

if (score >= 60) {
  console.log("Pass");
} else {
  console.log("Retry");
}
if/else y switch — patrones fundamentales — ilustración 2

Cadena de else if

Utilice else if para realizar comprobaciones ordenadas, de la más específica a la menos específica.

// else if — three or more branches
const temp = 18;

if (temp >= 30) {
  console.log("Hot");
} else if (temp >= 15) {
  console.log("Mild");
} else {
  console.log("Cold");
}
if/else y switch — patrones fundamentales — ilustración 3

Conceptos básicos de switch

switch compara valores exactos. Recuerde utilizar break para evitar la ejecución sucesiva de casos.

// switch — clean matching on a single value
const day = "Mon";

switch (day) {
  case "Mon":
    console.log("Start strong");
    break;
  case "Fri":
    console.log("Finish line");
    break;
  default:
    console.log("Keep going");
}
if/else y switch — patrones fundamentales — ilustración 4

Cláusula de guarda

Utilice una cláusula de guarda para salir pronto cuando las entradas no sean válidas; así mantiene clara la ruta principal.

// Guard clause — return early for invalid input
function greet(name) {
  if (!name) {
    console.log("Name required");
    return;
  }
  console.log("Hello, " + name + "!");
}

greet("");
greet("Ayla");
if/else y switch — patrones fundamentales — ilustración 5

Consejos y errores

Consejos:

  • Ordene las comprobaciones de la más específica a la menos específica.
  • Mantenga las condiciones cortas y legibles.
  • En switch, incluya un caso default.
if/else y switch — patrones fundamentales — ilustración 6

Cuestionario sobre la comparación con switch

Comprobación rápida: comparación con switch.

if/else y switch — patrones fundamentales — ilustración 7

Repaso

Repaso: Utilice if/else para dos rutas, else if para ramas ordenadas, switch para comparar valores exactos y cláusulas de guarda para salir pronto.

if/else y switch — patrones fundamentales — ilustración 8

Preguntas frecuentes

¿La lección «if/else y switch — patrones fundamentales» es gratis?

Sí — el texto completo de «if/else y switch — patrones fundamentales» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 3 lecciones en total.

¿Qué aprenderé en «if/else y switch — patrones fundamentales»?

Escriba condiciones claras con if/else y switch; use guard clauses para salir pronto. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar JavaScript Academy?

No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 3.

¿Cuánto tiempo toma la lección «if/else y switch — patrones fundamentales»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?

Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. if/else y switch — patrones fundamentales
  2. Bucles: for, while, do…while, for…of frente a for…in
  3. Retornos anticipados y guard clauses
← Volver a JavaScript Academy