Operadores de comparación de JavaScript

En este artículo, conoceremos varios operadores de comparación y su implementación en Javascript. Los operadores de Comparación se utilizan principalmente para realizar las operaciones lógicas que determinan la igualdad o diferencia entre los valores.

Los operadores están acostumbrados a realizar cálculos matemáticos y lógicos específicos en los operandos. Al igual que C, C++, Java, Python y varios otros lenguajes, JavaScript también admite operaciones de comparación . Los operadores de comparación se utilizan en expresiones lógicas para determinar su igualdad o diferencias en variables o valores. 

Ejemplo: A continuación se muestra el ejemplo de los operadores de comparación.

<script> 
    function gfg() { 
    let val1 = 5; 
      
    // Equality Operators
    document.write(val1 == 5);
    document.write("<br>");
      
    // Relational Operators
    document.write(val1 > 0);
    } 
    gfg(); 
</script>

Producción:

true
true

Hay varios operadores de comparación soportados por JavaScript:

• Operadores de igualdad
• Operadores relacionales

Discutiremos ambos operadores secuencialmente a través de los ejemplos.

Operadores de igualdad:

Igualdad (==):   Este operador se utiliza para comparar la igualdad de dos operandos. Si es igual, la condición es verdadera; de lo contrario, es falsa.

Sintaxis:

x == y

Ejemplo 1: El siguiente ejemplo ilustra el operador (==) en JavaScript.

<script>
  
    // Illustration of (==) operator
    let val1 = 5;
    let val2 = '5';
  
    // Checking of operands
    console.log(val1 == 5);
    console.log(val2 == 5);        
    console.log(val1 == val1);
  
    // Check against null and boolean value
    console.log(0 == false);   
    console.log(0 == null);
</script>

Producción:

> true
> true
> true
> true
> false

Ejemplo 2: Este ejemplo describe el operador de igualdad para comparar los valores de 2 objetos.

<script>
  
    // Illustration of (==) operator
    let obj1 = {'val1': 'value'};
    let obj2 = {'val2': 'value'};
  
    // Checking of operands
    console.log(obj1.val1 == 'value');        
    console.log(obj1 == obj2);
    console.log(obj1.val1 == obj2.val2);
  
    // Check against undefined
    console.log(0 == undefined);   
    console.log(null == undefined);
</script>

Producción:

> true
> false
> true
> false
> true

Desigualdad (!=): Este operador se utiliza para comparar la desigualdad de dos operandos . Si es igual, la condición es falsa, de lo contrario, es verdadera.

Sintaxis:

x != y

Ejemplo 1: Los siguientes ejemplos ilustran el operador (!=) en JavaScript.

<script>
  
    // Illustration of (!=) operator
    let val1 = 5;
    let val2 = '5';
  
    // Checking of operands
    console.log(val1 != 6);
    console.log(val2 != '5');        
    console.log(val1 != val1);
  
    // Check against null and boolean value
    console.log(0 != false);   
    console.log(0 != null);
</script>

Producción:

> true
> false
> false
> false
> true

Ejemplo 2: Este ejemplo describe el operador de desigualdad para comparar los 2 valores.

<script>
  
    // Illustration of (!=) operator
    let obj1 = {'val1': 'value'};
    let obj2 = {'val2': 'value'};
  
    // Checking of operands
    console.log(obj1.val1 != 'value');        
    console.log(obj1 != obj2);
    console.log(obj1.val1 != obj2.val2);
  
    // Check against undefined
    console.log(0 != undefined);   
    console.log(null != undefined);
</script>

Producción:

> false
> true
> false
> true
> false

Igualdad estricta (===):   Este operador se utiliza para comparar la igualdad de dos operandos con el tipo. Si tanto el valor como el tipo son iguales, la condición es verdadera; de lo contrario, es falsa.

Sintaxis:

x === y

Ejemplo 1: Los siguientes ejemplos ilustran el operador (===) en JavaScript.

<script>
  
    // Illustration of (===) operator
    let val1 = 5;
    let val2 = '5';
  
    // Checking of operands
    console.log(val1 === 6);
    console.log(val2 === '5');        
    console.log(val1 === val1);
  
    // Check against null and boolean value
    console.log(0 === false);   
    console.log(0 === null);
</script>

Producción:

> false
> true
> true
> false
> false

Ejemplo 2: Este ejemplo describe el operador de igualdad estricta para comparar los 2 valores.

<script>
  
    // Illustration of (===) operator
    let obj1 = {'val1': 'value'};
    let obj2 = {'val2': 'value'};
  
    // Checking of operands
    console.log(obj1.val1 === 'value');        
    console.log(obj1 === obj2);
    console.log(obj1.val1 === obj2.val2);
  
    // Check against undefined
    console.log(0 === undefined);   
    console.log(null === undefined);
</script>

Producción:

> true
> false
> true
> false
> false

Consulte el artículo Operador de comparación ‘===’ vs ‘==’ para conocer las diferencias significativas entre ellos.

Estricto en igualdad (!==): Este operador se utiliza para comparar la desigualdad de dos operandos con el tipo. Si tanto el valor como el tipo no son iguales, la condición es verdadera; de lo contrario, es falsa.

Sintaxis:

x !== y

Ejemplo 1: Los siguientes ejemplos ilustran el operador (!==) en JavaScript.

<script>
 // Illustration of (!==) operator
 let val1 = 5;
 let val2 = '5';
  
 // Checking of operands
 console.log(val1 !== 6);
 console.log(val2 !== '5');        
 console.log(val1 !== val1);
  
 // Check against null and boolean value
 console.log(0 !== false);   
 console.log(0 !== null);
</script>

Producción:

> true
> false
> false
> true
> true

Ejemplo 2: Este ejemplo describe el operador de desigualdad estricta para comparar los 2 valores.

<script>
  
    // Illustration of (!==) operator
    let obj1 = {'val1': 'value'};
    let obj2 = {'val2': 'value'};
  
    // Checking of operands
    console.log(obj1.val1 !== 'value');        
    console.log(obj1 !== obj2);
    console.log(obj1.val1 !== obj2.val2);
  
    // Check against undefined
    console.log(0 !== undefined);   
    console.log(null !== undefined);
</script>

Producción:

> false
> true
> false
> true
> true

Operadores relacionales:

Operador mayor que (>):   este operador se utiliza para verificar si el valor del lado izquierdo es mayor que el valor del lado derecho. Si el valor es mayor, la condición es verdadera, de lo contrario, falsa.

Sintaxis:

x > y

Ejemplo 1: Los siguientes ejemplos ilustran el operador (>) en JavaScript.

<script>
  
    // Illustration of (>) operator
    let val1 = 5;
    let val2 = "5";
  
    // Checking of operands
    console.log(val1 > 0);
    console.log(val2 > "10");        
    console.log(val1 > "10");
    console.log(val2 > 0);
</script>

Producción:

> true
> true
> false
> true

Ejemplo 2: Este ejemplo describe el operador mayor que para comparar los 2 valores.

<script>
  
    // Illustration of (>) operator
    let obj1 = {'val1': 1};
    let obj2 = {'val2': 3};
  
    // Checking of operands
    console.log(obj1.val1 > 0);        
    console.log(obj1 > obj2);
    console.log(obj1.val1 > obj2.val2);
    console.log(obj2 > obj1);
    console.log(obj2.val2 > obj1.val1);
</script>

Producción:

> true
> false
> false
> false
> true

Operador mayor o igual ( >=): Este operador se utiliza para comprobar si el operando del lado izquierdo es mayor o igual que el operando del lado derecho. Si el valor es mayor o igual, la condición es verdadera; de lo contrario, es falsa.

Sintaxis:

x >= y

Ejemplo 1: Los siguientes ejemplos ilustran el operador (>=) en JavaScript.

<script>
  
 // Illustration of (>=) operator
 let val1 = 5;
 let val2 = "5";
  
 // Checking of operands
 console.log(val1 >= 5);
 console.log(val2 >= "15");        
 console.log(val1 >= "5");
 console.log(val2 >= 15);
</script>

Producción:

> true
> true
> true
> false

Ejemplo 2: Este ejemplo describe el operador mayor o igual para comparar los 2 valores.

<script>
  
    // Illustration of (>=) operator
    let obj1 = {'val1': 1};
    let obj2 = {'val2': 3};
  
    // Checking of operands
    console.log(obj1.val1 >= 0);        
    console.log(obj1 >= obj2);
    console.log(obj1.val1 >= obj2.val2);
    console.log(obj2 >= obj1);
    console.log(obj2.val2 >= obj1.val1);
</script>

Producción:

> true
> true
> false
> true
> true

Operador menor que (<): este operador se utiliza para verificar si el valor del lado izquierdo es menor que el valor del lado derecho. En caso afirmativo, la condición es verdadera, de lo contrario, falsa.

Sintaxis:

x < y

Ejemplo 1: Los siguientes ejemplos ilustran el operador (<) en JavaScript.

<script>
  
 // Illustration of (<) operator
 let val1 = 5;
 let val2 = "5";
  
 // Checking of operands
 console.log(val1 < 15);
 console.log(val2 < "0");        
 console.log(val1 < "0");
 console.log(val2 < 15);
</script>

Producción:

> true
> false
> false
> true

Ejemplo 2: Este ejemplo describe el operador Menor que para comparar los 2 valores.

<script>
  
    // Illustration of (<) operator
    let obj1 = {'val1': 1};
    let obj2 = {'val2': 3};
  
    // Checking of operands
    console.log(obj1.val1 < 10);        
    console.log(obj1 < obj2);
    console.log(obj1.val1 < obj2.val2);
    console.log(obj2 < obj1);
    console.log(obj2.val2 < obj1.val1);
</script>

Producción:

> true
> false
> true
> false
> false

Operador menor o igual (<=): este operador se utiliza para verificar si el valor del operando del lado izquierdo es menor o igual que el valor del operando del lado derecho. En caso afirmativo, la condición es verdadera, de lo contrario, falsa.

Sintaxis:

x <= y

Ejemplo 1: Los siguientes ejemplos ilustran el operador (<=) en JavaScript.

<script>
  
    // Illustration of (<=) operator
    let val1 = 5;
    let val2 = "5";
  
    // Checking of operands
    console.log(val1 <= 15);
    console.log(val2 <= "0");        
    console.log(val1 <= "0");
    console.log(val2 <= 15);
</script>

Producción:

> true
> false
> false
> true

Ejemplo 2: Este ejemplo describe el operador Menor o igual a para comparar los 2 valores.

<script>
  
    // Illustration of (<=) operator
    let obj1 = {'val1': 1};
    let obj2 = {'val2': 3};
  
    // Checking of operands
    console.log(obj1.val1 <= 10);        
    console.log(obj1 <= obj2);
    console.log(obj1.val1 <= obj2.val2);
    console.log(obj2 <= obj1);
    console.log(obj2.val2 <= obj1.val1);
</script>

Producción:

> true
> true
> true
> true
> false

Navegadores compatibles: los navegadores compatibles con todos los operadores de comparación de JavaScript se enumeran a continuación:

• Google Chrome
• Firefox
• Ópera
• Safari
• Borde de Microsoft
• explorador de Internet