En este tutorial, aprenderá sobre los operadores de comparación y los operadores lógicos con la ayuda de ejemplos.
Operadores de comparación de JavaScript
Los operadores de comparación comparan dos valores y devuelven un valor booleano: trueo false. Los operadores de comparación se utilizan en la toma de decisiones y los bucles.
| Operador | Descripción | Ejemplo |
|---|---|---|
== | Igual a : truesi los operandos son iguales | 5==5; //true |
!= | No igual a : truesi los operandos no son iguales | 5!=5; //false |
=== | Estricto igual a : truesi los operandos son iguales y del mismo tipo | 5==='5'; //false |
!== | Estricto no es igual a : truesi los operandos son iguales pero de diferente tipo o no son iguales en absoluto | 5!=='5'; //true |
> | Mayor que : truesi el operando izquierdo es mayor que el operando derecho | 3>2; //true |
>= | Mayor o igual a : truesi el operando izquierdo es mayor o igual que el operando derecho | 3>=3; //true |
< | Menor que : truesi el operando izquierdo es menor que el operando derecho | 3<2; //false |
<= | Menor o igual a : truesi el operando izquierdo es menor o igual que el operando derecho | 2<=2; //true |
Ejemplo 1: igual a operador
const a = 5, b = 2, c = 'hello'; // equal to operator console.log(a == 5); // true console.log(b == '2'); // true console.log(c == 'Hello'); // false
==evalúa truesi los operandos son iguales.
Nota : En JavaScript, ==es un operador de comparación, mientras que =es un operador de asignación. Si usa por error en =lugar de ==, es posible que obtenga un resultado no deseado.
Ejemplo 2: No es igual al operador
const a = 3, b = 'hello'; // not equal operator console.log(a != 2); // true console.log(b != 'Hello'); // true
!=evalúa truesi los operandos no son iguales.
Ejemplo 3: Estricto igual al operador
const a = 2; // strict equal operator console.log(a === 2); // true console.log(a === '2'); // false
===evalúa truesi los operandos son iguales y del mismo tipo. Aquí 2 y '2' son los mismos números pero el tipo de datos es diferente. Y ===también comprueba el tipo de datos al comparar.
Nota : La diferencia entre ==y ===es que:
==evalúa truesi los operandos son iguales, sin embargo, ===evalúa truesolo si los operandos son iguales y del mismo tipo
Ejemplo 4: Estricto no igual al operador
const a = 2, b = 'hello'; // strict not equal operator console.log(a !== 2); // false console.log(a !== '2'); // true console.log(b !== 'Hello'); // true
!==evalúa truesi los operandos no son estrictamente iguales. Es todo lo contrario de estrictamente igual ===.
En el ejemplo anterior, 2 != '2'da true. Es porque sus tipos son diferentes aunque tengan el mismo valor.
Ejemplo 5: Operador mayor que
const a = 3; // greater than operator console.log(a> 2); // true
>evalúa truesi el operando izquierdo es mayor que el operando derecho.
Ejemplo 6: Operador mayor o igual que
const a = 3; // greater than or equal operator console.log(a>= 3); //true
>=evalúa truesi el operando izquierdo es mayor o igual que el operando derecho.
Ejemplo 7: Operador menor que
const a = 3, b = 2; // less than operator console.log(a < 2); // false console.log(b < 3); // true
<evalúa truesi el operando izquierdo es menor que el operando derecho.
Ejemplo 8: Operador menor o igual que
const a = 2; // less than or equal operator console.log(a <= 3) // true console.log(a <= 2); // true
<=evalúa truesi el operando izquierdo es menor o igual que el operando derecho.
Operadores lógicos de JavaScript
Los operadores lógicos realizan operaciones lógicas: Y , O y NO .
| Operador | Descripción | Ejemplo |
|---|---|---|
&& | AND lógico : truesi ambos operandos / valores booleanos son verdaderos, de lo contrario se evalúa comofalse | true && false; // false |
|| | OR lógico : truesi alguno de los operandos / valores booleanos es true. evalúa falsesi ambos sonfalse | true || false; // true |
! | NOT lógico : truesi el operando es falsey viceversa. | !true; // false |
Ejemplo 9: operador AND lógico
const a = true, b = false; const c = 4; // logical AND console.log(a && a); // true console.log(a && b); // false console.log((c> 2) && (c < 2)); // false
&&evalúa truesi ambos operandos son true, de lo contrario evalúa false.
Nota: también puede utilizar operadores lógicos con números. En JavaScript, 0 es falsey todos los valores distintos de cero son true.
Ejemplo 10: Operador OR lógico
const a = true, b = false, c = 4; // logical OR console.log(a || b); // true console.log(b || b); // false console.log((c>2) || (c<2)); // true
||evalúa truesi alguno de los operandos es true. Si ambos operandos son false, el resultado es false.
Ejemplo 11: Operador NOT lógico
const a = true, b = false; // logical NOT console.log(!a); // false console.log(!b); // true
!evalúa truesi el operando es falsey viceversa.
