AD

¿Ya dominas lo básico? Un curso estructurado de JavaScript es la vía rápida para dar el salto.

Ver cursos de JavaScript en Udemy

Enlace de afiliado. No te cuesta nada extra.

🟨Lecciones de JavaScript
Lección 19 / 69

Operadores lógicos (AND, OR, NOT)

En esta lección dominarás los operadores lógicos de JavaScript (AND, OR, NOT) para tomar decisiones que combinan varias condiciones. Está dirigida a quien busca «operadores lógicos en JavaScript» o «uso de && y || en JavaScript».

Cuando quieres combinar varias condiciones usas los operadores lógicos. && (AND) significa «ambas deben cumplirse», || (OR) significa «al menos una se cumple» y ! (NOT) significa «invertir (negar)». Son imprescindibles para juicios combinados como «tiene 18 años o más y además tiene entrada». Son operadores extremadamente comunes, usados sin parar dentro de las condiciones de los if.

El código de ejemplo comprueba «18 o más y con entrada» con edad >= 18 && tieneEntrada, y «menor de 18, o sin entrada» con edad < 18 || !tieneEntrada. Usar paréntesis para dejar explícita la precedencia evita malas lecturas incluso en condiciones complejas. JavaScript tiene además la llamada evaluación en cortocircuito: «si el resultado ya queda decidido solo con el lado izquierdo, el derecho ni se evalúa».

Un tropiezo habitual al empezar es confundir el significado de && y ||. Ayuda enunciar antes la condición con palabras —«hay que cumplir las dos» o «con una basta»— y traducirla después a código, lo que reduce los errores. Olvidar el ! y acabar con la condición al revés es otro fallo común, así que revisa con cuidado.

En el desarrollo real los operadores lógicos aparecen continuamente en la lógica de permisos: por ejemplo, mostrar cierta función solo cuando el usuario ha iniciado sesión y es administrador. Saber montar bien los operadores lógicos importa mucho también en las validaciones reales donde se entrelazan varias condiciones.

Los operadores lógicos también funcionan con valores que no son booleanos. Usar || para «usa un valor por defecto si no se ha definido nada» (const nombre = entrada || "Invitado";) es una técnica clásica y muy asentada, anterior al operador de coalescencia nula.

JavaScript
SALIDA

💡 Todo lo que pases a console.log() aparece en la salida de abajo.

Espacio publicitario (banner)
Espacio publicitario (en el artículo)