AND, OR y NOT en JS: explorando operadores lógicos

Autor: | Última modificación: 19 de septiembre de 2023 | Tiempo de Lectura: 4 minutos
Temas en este post: ,

Algunos de nuestros reconocimientos:

Premios KeepCoding

En el emocionante mundo del desarrollo web, la lógica es la base sobre la cual se construyen aplicaciones sólidas y funcionales. Cuando se trata de tomar decisiones y evaluar condiciones, los operadores lógicos son herramientas esenciales en el arsenal de cualquier desarrollador. En este artículo, sumérgete en el universo de AND, OR y NOT en JS y descubre cómo estos operadores lógicos pueden dar vida a la lógica de tus programas.

Operadores lógicos: AND, OR y NOT en JS

Los operadores lógicos permiten que los programadores combinen expresiones booleanas para tomar decisiones basadas en múltiples condiciones. En JavaScript, tres operadores lógicos principales dominan el escenario: AND, OR y NOT en JS. Estos operadores son fundamentales para controlar el flujo de tus programas y hacer que respondan de manera inteligente a situaciones diversas.

Operador AND (&&)

El operador AND, representado por &&, devuelve true si ambas expresiones que conecta son verdaderas. Es como una puerta doble que se abre solo si ambas cerraduras están desbloqueadas. Por ejemplo:

if (edad >= 18 && tieneLicencia) { 
console.log("Puede conducir legalmente"); 
}

Aquí, el código verificará si la edad es mayor o igual a 18 y si la persona tiene una licencia de conducir.

Operador OR (||)

El operador OR, simbolizado por ||, devuelve true si al menos una de las expresiones que conecta es verdadera. Es como una llave maestra que puede abrir cualquiera de varias cerraduras. Ejemplo:

if (tieneTarjetaDeCredito || tienePayPal) { 
console.log("Puede realizar el pago"); 
}

Este fragmento verificará si el usuario tiene una tarjeta de crédito o una cuenta de PayPal para permitir el pago.

Operador NOT (!)

El operador NOT, denotado por !, invierte el valor de una expresión booleana. Si una expresión es true, !expresion será false, y viceversa. Este operador es como un interruptor que cambia el estado de una bombilla. Ejemplo:

if (!estaLleno) { 
console.log("Puede agregar más elementos al carrito"); 
}

El código imprimirá el mensaje si el carrito no está lleno.

Combinando operadores lógicos AND, OR y NOT en JS

¡Aquí es donde la verdadera magia sucede! Puedes combinar operadores lógicos para crear condiciones más complejas y tomar decisiones más precisas.

if ((edad >= 18 && tieneLicencia) || (tieneAutorizacion && estaAcompanado)) { console.log("Puede ingresar al concierto"); }

Este ejemplo demuestra cómo usar AND y OR en conjunto para permitir el acceso si la persona es mayor de edad y tiene una licencia o tiene autorización y está acompañada.

Tabla de verdad de los operadores lógicos AND, OR y NOT en JS

A medida que avanzas en tu viaje por el mundo de la programación, es fundamental entender cómo se comportan los operadores lógicos en diferentes situaciones. Aquí tienes una tabla de verdad que resume los resultados de combinar valores booleanos con los operadores AND, OR y NOT en JS:

Expresión AExpresión BA AND BA OR BNOT A
truetruetruetruefalse
truefalsefalsetruefalse
falsetruefalsetruetrue
falsefalsefalsefalsetrue

Ten en cuenta los operadores aritméticos

A veces, los operadores lógicos AND, OR y NOT en JS se combinan con los operadores aritméticos para crear condiciones más complejas. Por ejemplo:

if ((saldo >= precioProducto * cantidad) && (stock > 0)) { 
console.log("Compra exitosa"); 
}

Aquí, la expresión (saldo >= precioProducto * cantidad) evalúa si el saldo es suficiente para comprar la cantidad deseada de productos y (stock > 0) verifica si hay suficiente stock disponible.

Valores booleanos y operadores relacionales

Los operadores lógicos son especialmente útiles al trabajar con valores booleanos y operadores relacionales. Los operadores relacionales, como >, <, >= y <=, comparan valores y devuelven valores booleanos. Combinar estos con operadores lógicos permite realizar decisiones basadas en condiciones complejas.

Supongamos que estás desarrollando una aplicación de compras en línea y deseas mostrar un mensaje especial a los usuarios que tienen un saldo suficiente y están interesados en productos con un descuento superior al 30%. En este escenario, los operadores lógicos y relacionales trabajarán en conjunto para tomar la decisión adecuada:

const saldoUsuario = 500; // Supongamos que el usuario tiene un saldo de $500 const descuentoProducto = 0.35; // Un producto con un descuento del 35% 
if (saldoUsuario >= 100 && descuentoProducto > 0.3) { 
console.log("¡Oferta especial! ¡Tienes saldo suficiente y un gran descuento!"); 
} else { 
console.log("No cumples con los requisitos para la oferta especial."); 
}

En este ejemplo, el operador >= compara el saldo del usuario con $100 para asegurarse de que tenga suficiente dinero para realizar una compra. Luego, el operador > verifica si el descuento del producto es mayor al 30%. Al combinar estos dos valores booleanos con el operador && (AND), se determina si el usuario puede aprovechar la oferta especial.

En resumen, los operadores lógicos como AND, OR y NOT en JS, junto con los operadores relacionales como >, <, >= y <=, permiten que los desarrolladores tomen decisiones precisas y basadas en condiciones complejas en sus programas.

Adéntrate más en el desarrollo web

Dominar los operadores lógicos, como AND, OR y NOT en JS, es solo una de las muchas habilidades cruciales que puedes adquirir en el Desarrollo Web Full Stack Bootcamp de KeepCoding. Imagina tener el conocimiento y la confianza necesarios para crear aplicaciones web completas desde cero, abriéndote las puertas a una industria en auge con una demanda insaciable de talento. El sector tecnológico no solo ofrece salarios competitivos, sino también una estabilidad laboral envidiable.

¿Estás listo para un cambio de vida? Únete a KeepCoding y deja que te guiemos hacia una carrera exitosa en el mundo del desarrollo web. El camino hacia tu transformación comienza aquí. ¡Inscríbete hoy mismo y encamínate hacia un futuro brillante y lleno de posibilidades!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado