Z&W
Operadores Lógicos en JavaScript
Aprende a utilizar los operadores lógicos en JavaScript para evaluar expresiones y crear condiciones complejas.
Comenzar a aprender
Introducción a los Operadores Lógicos
1
Operadores Básicos
Los operadores lógicos en JavaScript (y en muchos otros lenguajes de programación) se utilizan para evaluar expresiones lógicas.
2
Tres Tipos Principales
En JavaScript, hay tres operadores lógicos: AND (&&), OR (||) y NOT (!).
Operador lógico AND &&
Definición
El operador lógico AND se indica con &&. Devuelve true cuando ambos valores que conecta son true.
Ejemplos
true && true // → true true && false // → false false && false // → false
Analogía
Un ejemplo en la vida real sería preguntar. ¿Están todas las luces encendidas? Se comprueba cada luz y si todas están encendidas (true), entonces la respuesta es true. Si alguna luz está apagada (false), entonces la respuesta es false.
Operador lógico OR ||
1
Definición
El operador lógico OR se indica con || y devuelve true cuando cualquiera de los valores que conecta es true.
2
Ejemplos
true || true // → true true || false // → true false || false // → false
3
Analogía
Un ejemplo en la vida real sería preguntar. ¿Hay alguna luz encendida? Se comprueba cada luz y si alguna está encendida (true), entonces la respuesta es true. Sólo si todas las luces están apagadas (false), entonces la respuesta es false.
Operador lógico NOT !
1
Definición
El operador lógico NOT se indica con ! e invierte el valor de un valor booleano. Se pone delante del valor que queremos invertir.
2
Ejemplos
!true // → false !false // → true
3
Analogía
Un ejemplo en la vida real sería pulsar el interruptor de la luz. Si la luz está encendida (true), entonces pulsando el interruptor la apagamos (false). Si la luz está apagada (false), entonces pulsando el interruptor la encendemos (true).
Combinando Operadores
Combinación Básica
Los operadores lógicos y los operadores de comparación se pueden combinar para crear expresiones más complejas. Por ejemplo, podemos preguntar si un número está entre dos valores.
Ejemplo
2 < 3 && 3 < 4 // → true
En este caso, la expresión se evalúa como true porque 2 < 3 es true y 3 < 4 es true. Si cualquiera de las dos expresiones fuera false, entonces la expresión sería false.
Uso de Paréntesis
También puedes usar paréntesis para agrupar operaciones y usar operadores lógicos y aritméticos.
(2 + 2) < 3 && (10 < (8 * 2)) // → false
Precedencia de Operadores

1

1
Operaciones Aritméticas
Es importante que sepas que las operaciones aritméticas tienen precedencia sobre las operaciones de comparación.

2

2
Comparaciones
Después de las operaciones aritméticas, se realizan las comparaciones.

3

3
Operadores Lógicos
Finalmente, se evalúan los operadores lógicos para obtener el resultado final.
2 + 2 < 3 && 10 < 8 * 2 // Primero se hacen las operaciones aritméticas: // → 4 < 3 && 10 < 16 // Ahora las comparaciones: // → false && true // Finalmente: // → false
Ejercicios Interactivos
Comprueba si 7 es mayor que 8 y menor que 10
Tu respuesta aquí...
Tenemos un producto en una tienda. Cuesta 1500 y tenemos un descuento del 25%. Tengo 1150€ en mi cartera. Escribe un código que me diga si puedo comprarlo. No uses paréntesis.
Tu respuesta aquí...
Operadores con Múltiples Operandos

1

2

3

1
Expresiones Complejas
Mezcla de diferentes operadores
2
Múltiples Operandos
Uso de más de dos valores
3
Operadores Básicos
AND, OR, NOT
Aunque todos los ejemplos que has visto hasta ahora usan dos operandos, los operadores lógicos también pueden usarse con más de dos operandos.
true && true && true // → true
También puedes mezclar operadores lógicos:
true && true || false // → true !true && !true // → false false && true || !true // → false
Práctica y Aprendizaje Continuo
3
Operadores Principales
AND, OR y NOT son los tres operadores lógicos fundamentales en JavaScript
∞
Posibilidades
Las combinaciones de operadores lógicos permiten crear expresiones de cualquier complejidad
Ahora te puede costar un poco entender qué está pasando, pero con la práctica te irá resultando más fácil. Prueba a hacer los ejercicios y a jugar con los operadores lógicos para que te vayan quedando más claros.
Operadores Lógicos en JavaScript
Aprende a utilizar los operadores lógicos en JavaScript para evaluar expresiones y crear condiciones complejas.

funciones-en-javascript-4a5nic2.gamma.site

Funciones en JavaScript

Hay un momento, en todo desarrollo, que acabas reutilizando el mismo código una y otra vez. Puede ser que esté formado por un par de líneas o cientos de ellas. A nivel de organización es más práctico crear un grupo capaz de ser invocado que ir copiando y pegando en diferentes sitios. Además que para

condicionales-en-javascr-jan84fq.gamma.site

Condicionales en JavaScript

Los condicionales nos permiten tomar decisiones, crear ramificaciones en la lógica del software que estamos construyendo: ¿bajo que condiciones debo ejecutar las instrucciones? ¿qué hago si no se cumple mis requisitios?

eventos-en-javascript-bd42iyz.gamma.site

Eventos en JavaScript

Cualquier actividad producida por un usuario se denomina Eventos: pulsar una tecla, mover el ratón, hacer scroll, pulsar un botón… Y todos los eventos pueden ser escuchados para lanzar acciones. En otras palabras, podemos detectar y vincular cada evento a una funcionalidad de JavaScript. ¡Incluso ex

guia-variables-js-ll55uff.gamma.site

Guía Completa: var, let y const en JavaScript

Descubre las diferencias clave entre las declaraciones de variables en JavaScript y aprende a utilizarlas correctamente en tus proyectos.

operadores-logicos-js-td9k6zq.gamma.site

Operadores Lógicos en JavaScript

Aprende a utilizar los operadores lógicos en JavaScript para evaluar expresiones y crear condiciones complejas. Comenzar a aprender

guia-pruebas-usabilidad-9w1v30d.gamma.site

Guía sobre pruebas de usabilidad de sitios web

Un diseño web atractivo y una experiencia de usuario agradable son elementos vitales para el éxito de un sitio web. Descubre cómo evaluar y mejorar la usabilidad de tu página web para aumentar la credibilidad y la tasa de conversión.

validacion-formularios-gbij6ey.gamma.site

Validación de Formularios en el Lado del Cliente

Antes de enviar datos al servidor, es importante asegurarse de que se completan todos los controles de formulario requeridos, y en el formato correcto. Esto se denomina validación de formulario en el lado del cliente y ayuda a garantizar que los datos que se envían coinciden con los requisitos estab

¿Dudas o algo que quieras comentarme?
Estoy aquí para ayudarte a seguir mejorando y aprendiendo.
Si necesitas que te ayude con tu proyecto o clases más específicas escríbeme