Comparación de JavaScript y operadores lógicos (con ejemplos)

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.

Articulos interesantes...