Código Real
Apóyame
JavaScript

Curso de JavaScript

Dale vida a la web.

Aprende a programar, crea interacciones y construye proyectos reales.

Operadores lógicos

Los operadores lógicos combinan varias condiciones en una sola: && exige que se cumplan todas, || exige que se cumpla al menos una, y ! invierte un valor booleano.

Cargando editor...
Resultado
Preparando resultado...
Cambia usuarioRegistrado a false y observa cómo puedeVerContenido pasa a false aunque la edad siga cumpliendo.

Explicación

Estos son los operadores lógicos de JavaScript:

&&

"Y" lógico: el resultado es true solo si ambos lados son true.

||

"O" lógico: el resultado es true si al menos uno de los dos lados es true.

!

Niega un valor: convierte true en false y false en true.

cortocircuito

&& y || dejan de evaluar en cuanto ya saben el resultado final, sin revisar el resto de la expresión.

Reto rápido

Cambia esPremium a true y observa cómo tieneAlgunBeneficio pasa a true sin importar la edad.

En esta lección

  • Ejemplo interactivo
  • Explicación de cada etiqueta
  • Cuándo usarlo
  • Errores comunes

Consejo

&& y || no solo funcionan con true/false: puedes combinarlos con cualquier valor gracias a los conceptos truthy/falsy que ya viste en Tipos de datos.

Dato extra

Un patrón muy común es usar && como atajo: variable && haz algo — es una forma corta de decir "si variable es verdadera, ejecuta esto".

Error común

Confundir && (deben cumplirse TODAS las condiciones) con || (basta con que se cumpla UNA): usar el operador equivocado invierte por completo la lógica de acceso de tu programa.

Siguiente paso

Ya dominas los operadores. En el siguiente módulo usarás condicionales y bucles para controlar el flujo de tu programa.

Ir a la siguiente lección