Condicionales en JavaScript: if, else, switch y operadores lógicos

Aprendé a tomar decisiones en JavaScript con if, else, else if, switch, operadores lógicos y ternario.


Los condicionales permiten que un programa tome decisiones según los datos disponibles.

if

const edad = 20;

if (edad >= 18) {
    console.log("Puede ingresar");
}

if y else

const edad = 16;

if (edad >= 18) {
    console.log("Mayor de edad");
} else {
    console.log("Menor de edad");
}

else if

const nota = 8;

if (nota >= 9) {
    console.log("Excelente");
} else if (nota >= 6) {
    console.log("Aprobado");
} else {
    console.log("Desaprobado");
}

Operadores lógicos

const edad = 25;
const registrado = true;

if (edad >= 18 && registrado) {
    console.log("Acceso permitido");
}
const esAdmin = false;
const esEditor = true;

if (esAdmin || esEditor) {
    console.log("Puede editar");
}

Negación

const bloqueado = false;

if (!bloqueado) {
    console.log("Usuario habilitado");
}

Truthy y falsy

Cuando JavaScript espera una condición, convierte ciertos valores a verdadero o falso. Entender esto evita comparaciones innecesarias y ayuda a detectar valores vacíos o ausentes.

En contextos booleanos, algunos valores se consideran falsos, por ejemplo false, 0, "", null, undefined y NaN.

const nombre = "";

if (nombre) {
    console.log("Hay un nombre");
} else {
    console.log("Nombre vacío");
}

switch

switch resulta útil cuando una misma variable puede tomar varios valores concretos. Cada case representa una opción y default cubre los casos no contemplados.

const dia = 2;

switch (dia) {
    case 1:
        console.log("Lunes");
        break;
    case 2:
        console.log("Martes");
        break;
    default:
        console.log("Otro día");
}

Operador ternario

El operador ternario permite resolver una decisión simple en una sola expresión: condición ? valorSiVerdadero : valorSiFalso.

const edad = 21;

const mensaje = edad >= 18
    ? "Mayor de edad"
    : "Menor de edad";

console.log(mensaje);

Es útil para decisiones simples. Si la lógica crece, un if suele resultar más legible.

Validación de acceso

const usuario = "ana";
const claveCorrecta = true;
const activo = true;

if (usuario && claveCorrecta && activo) {
    console.log("Bienvenida");
} else {
    console.log("No se pudo iniciar sesión");
}

Ejercicio

Creá un programa que reciba una nota de 1 a 10 y muestre si el alumno está desaprobado, aprobado, muy bien o excelente.

Errores comunes

  • usar = cuando queríamos comparar;
  • olvidar break en un switch;
  • anidar demasiados if;
  • usar ternarios para lógica compleja;
  • no considerar valores vacíos o inválidos.

Seguí aprendiendo JavaScript

← Variables, constantes, tipos de datos y operadores en JavaScript

Ciclos en JavaScript: for, while, for…of, break y continue →


Descubre más desde Club Programador

Suscríbete y recibe las últimas entradas en tu correo electrónico.

2 opiniones en “Condicionales en JavaScript: if, else, switch y operadores lógicos”

Deja un comentario

Descubre más desde Club Programador

Suscríbete ahora para seguir leyendo y obtener acceso al archivo completo.

Seguir leyendo