Switch en JavaScript: cuándo y cómo usarlo

Cursos Empresas Blog Live Conf Precios

Contenido del curso

Fundamentos Javascript

Funciones, Scope y Estructuras de Datos

DOM y Experiencia en el Navegador

Modulos y Asincronía

Tomar examen

Switch en JavaScript: cuándo y cómo usarlo

Resumen

Aprende a dominar switch en JavaScript para decidir entre múltiples opciones con una sintaxis clara y mantenible. Con una metáfora simple de menú, se explica cuándo preferir if/else o switch, cómo organizar case, break y default, y cómo agrupar valores sin repetir código.

¿Qué es switch y cuándo usarlo en JavaScript?

Switch es una estructura de control que compara una misma expresión con varios valores y ejecuta el código del caso que coincide. Se entiende como elegir de un menú: una sola elección válida entre varias. Frente a if/else, que es más dinámico y abierto, switch es ideal cuando comparas un único valor contra muchas opciones.

Compara una misma expresión con varios casos.
Evita cadenas largas de condiciones repetidas.
Ordena el código cuando hay muchas opciones discretas.
If/else sigue siendo útil cuando necesitas condiciones más flexibles.

¿Cómo se compone la estructura con case, break y default?

La anatomía es directa: palabra reservada switch, una expresión entre paréntesis y un bloque con múltiples case. Cada case usa dos puntos, no punto y coma. Con break indicas que termine el caso actual y no continúe al siguiente. Default cubre cuando no hay coincidencia.

Switch (expresión): inicia el bloque y define qué se evaluará.
Case valor: ejecuta si coincide con la expresión.
Break: corta la ejecución y evita que se ejecute el siguiente caso.
Default: opción por defecto cuando no coincide ningún caso.
Es clave respetar la estructura y los dos puntos tras cada case.

¿Cómo pensar y abstraer sin repetir código?

Agrupa valores que comparten la misma acción para que “caigan” al mismo bloque. Así evitas escribir la misma instrucción varias veces y mejoras la organización y la lógica. Este enfoque requiere abstraer la información y mantener un pensamiento estructurado.

¿Cómo programar el ejemplo del día de la semana en JavaScript?

Se define una constante con el día y se organizan los casos para días laborales y fin de semana. Es recomendable usar todo en minúsculas para evitar errores de coincidencia.

const dia = "lunes"; // un string con el día seleccionado

switch (dia) {
  case "lunes":
  case "martes":
  case "miércoles":
  case "jueves":
  case "viernes":
    console.log("día laboral");
    break;
  case "sábado":
  case "domingo":
    console.log("fin de semana");
    break;
  default:
    console.log("día no válido");
}

Si dia es "lunes", "martes", "miércoles", "jueves" o "viernes", imprime día laboral.
Si dia es "sábado" o "domingo", imprime fin de semana.
Si no coincide con ningún caso, imprime día no válido.

¿Qué habilidades y buenas prácticas se refuerzan aquí?

Entender switch, case, break y default como unidad.
Usar console.log para verificar la ruta de ejecución.
Agrupar casos para evitar repetir código.
Mantener nombres coherentes y en minúsculas para comparar cadenas.
Decidir entre if/else y switch según el problema: una sola expresión con varias opciones favorece switch.
Evitar listados extensos sin valor real, como “treinta días” mal planteados; mejor abstraer y diseñar con intención.

¿Te animas a practicar y compartir tu solución en los comentarios? Los retos están en la sección de recursos y será genial ver cómo los resuelves con la comunidad.

Steven Andres Moreno Melendez

student

// ============================================
// Reto: Switch en JavaScript
// ============================================
// Practica la estructura switch: case, break, default y agrupación de casos
// para comparar una misma expresión con varias opciones.
// Ejecuta los tests con: npx vitest src/10-switch
// ============================================

// --- Reto 1: Día laboral o fin de semana ---
// Recibe "dia" (string en minúsculas: "lunes", "martes", ..., "domingo").
// Retorna "día laboral" para lunes a viernes, "fin de semana" para sábado y domingo,
// "día no válido" para cualquier otro valor.
// Usa switch agrupando los casos que comparten la misma acción (sin repetir código).
function tipoDeDia(dia) {
    switch (dia) {
        case 'lunes':
        case 'martes':
        case 'miércoles':
        case 'jueves':
        case 'viernes':
            return 'día laboral';
            break
        case 'sábado':
        case 'domingo':
            return 'fin de semana';
            break
        default:
            return 'día no válido';
    }
}

// --- Reto 2: Mensaje según opción ---
// Recibe "opcion" (string: "a", "b" o "c").
// Retorna "Opción A" si opcion === "a", "Opción B" si "b", "Opción C" si "c".
// Si no coincide con ninguno, retorna "opción no válida" (usa default).
// Usa switch con break en cada case para que no se ejecute el siguiente.
function mensajeOpcion(opcion) {
    switch (opcion) {
        case 'a':
            return 'Opción A';
            break
        case 'b':
            return 'Opción B';
            break
        case 'c':
            return 'Opción C';
            break
        default:
            return 'opción no válida';
    }   // Tu código aquí
}

// --- Reto 3: Categoría por código ---
// Recibe "codigo" (string: "E1", "E2", "H1").
// Retorna "electrónica" para "E1" y "E2" (agrupa ambos case en un mismo resultado).
// Retorna "hogar" para "H1".
// Retorna "desconocido" para cualquier otro (default).
// Practica agrupar varios case que comparten la misma acción.
function categoriaPorCodigo(codigo) {
    switch (codigo) {
        case 'E2':
        case 'E1':
            return 'electrónica';
            break
        case 'H1':
            return 'hogar';
            break
        default:
            return "desconocido";
    }   // Tu código aquí
}

// --- Reto 4: Días del mes ---
// Recibe "mes" (número del 1 al 12).
// Retorna el número de días del mes: 31 para ene, mar, may, jul, ago, oct, dic;
// 30 para abr, jun, sep, nov; 28 para feb.
// Retorna 0 si el mes no es válido (default).
// Usa switch agrupando los meses que tienen los mismos días.
function diasDelMes(mes) {
    switch (mes) {
        case 1:
        case 3:
        case 5:
        case 7:
        case 8:
        case 10:
        case 12:
            return 31;
            break
        case 4:
        case 6:
        case 9:
        case 11:
            return 30;
            break
        case 2:
            return 28;
            break
        default:
            return 0
    }    // Tu código aquí
}

// --- Reto 5: Nivel de usuario ---
// Recibe "nivel" (string: "principiante", "intermedio", "avanzado").
// Retorna "acceso básico" para principiante, "acceso estándar" para intermedio,
// "acceso completo" para avanzado.
// Retorna "nivel no válido" para cualquier otro valor (default).
function nivelDeUsuario(nivel) {
 switch (nivel) {
    case 'principiante':
        return 'acceso básico';
        break
    case 'intermedio':
        return 'acceso estándar';
        break
    case 'avanzado':
        return 'acceso completo';
        break
    default:
        return 'nivel no válido';
 }  // Tu código aquí
}

module.exports = {
    tipoDeDia,
    mensajeOpcion,
    categoriaPorCodigo,
    diasDelMes,
    nivelDeUsuario,
};

// ============================================

// Reto: Switch en JavaScript

// ============================================

// Practica la estructura switch: case, break, default y agrupación de casos

// para comparar una misma expresión con varias opciones.

// Ejecuta los tests con: npx vitest src/10-switch

// ============================================

// --- Reto 1: Día laboral o fin de semana ---

// Recibe "dia" (string en minúsculas: "lunes", "martes", ..., "domingo").

// Retorna "día laboral" para lunes a viernes, "fin de semana" para sábado y domingo,

// "día no válido" para cualquier otro valor.

// Usa switch agrupando los casos que comparten la misma acción (sin repetir código).

function tipoDeDia(dia) {

switch (dia) {

case 'lunes':

case 'martes':

case 'miércoles':

case 'jueves':

case 'viernes':

return 'día laboral';

break

case 'sábado':

case 'domingo':

return 'fin de semana';

break

default:

return 'día no válido';

}

// --- Reto 2: Mensaje según opción ---

// Recibe "opcion" (string: "a", "b" o "c").

// Retorna "Opción A" si opcion === "a", "Opción B" si "b", "Opción C" si "c".

// Si no coincide con ninguno, retorna "opción no válida" (usa default).

// Usa switch con break en cada case para que no se ejecute el siguiente.

function mensajeOpcion(opcion) {

switch (opcion) {

case 'a':

return 'Opción A';

break

case 'b':

return 'Opción B';

break

case 'c':

return 'Opción C';

break

default:

return 'opción no válida';

} // Tu código aquí

}

// --- Reto 3: Categoría por código ---

// Recibe "codigo" (string: "E1", "E2", "H1").

// Retorna "electrónica" para "E1" y "E2" (agrupa ambos case en un mismo resultado).

// Retorna "hogar" para "H1".

// Retorna "desconocido" para cualquier otro (default).

// Practica agrupar varios case que comparten la misma acción.

function categoriaPorCodigo(codigo) {

switch (codigo) {

case 'E2':

case 'E1':

return 'electrónica';

break

case 'H1':

return 'hogar';

break

default:

return "desconocido";

} // Tu código aquí

}

// --- Reto 4: Días del mes ---

// Recibe "mes" (número del 1 al 12).

// Retorna el número de días del mes: 31 para ene, mar, may, jul, ago, oct, dic;

// 30 para abr, jun, sep, nov; 28 para feb.

// Retorna 0 si el mes no es válido (default).

// Usa switch agrupando los meses que tienen los mismos días.

function diasDelMes(mes) {

switch (mes) {

case 1:

case 3:

case 5:

case 7:

case 8:

case 10:

case 12:

return 31;

break

case 4:

case 6:

case 9:

case 11:

return 30;

break

case 2:

return 28;

break

default:

return 0

} // Tu código aquí

}

// --- Reto 5: Nivel de usuario ---

// Recibe "nivel" (string: "principiante", "intermedio", "avanzado").

// Retorna "acceso básico" para principiante, "acceso estándar" para intermedio,

// "acceso completo" para avanzado.

// Retorna "nivel no válido" para cualquier otro valor (default).

function nivelDeUsuario(nivel) {

switch (nivel) {

case 'principiante':

return 'acceso básico';

break

case 'intermedio':

return 'acceso estándar';

break

case 'avanzado':

return 'acceso completo';

break

default:

return 'nivel no válido';

} // Tu código aquí

}

module.exports = {

tipoDeDia,

mensajeOpcion,

categoriaPorCodigo,

diasDelMes,

nivelDeUsuario,

};

Fundamentos Javascript

Primeras líneas de JavaScript en la consola del navegador

Construye un editor de notas Markdown con JavaScript

Configuración del entorno para JavaScript

Var, let y const: qué cambia en JavaScript

Tipos de datos en JavaScript: primitivos vs complejos

Operadores aritméticos en JavaScript

Template literals en JavaScript: sintaxis y uso práctico

Métodos esenciales de strings en JavaScript

Coerción de tipos en JavaScript explicada

Igualdad débil vs estricta en JavaScript

Operadores lógicos AND, OR y NOT en JavaScript

If, else y else if en JavaScript