Cómo usar los operadores de comparación de javascript correctamente

Capítulo previo a los condicionales. En el siguiente capítulo llegamos a un tema fundamental en los lenguajes de programación y por supuesto en JavaScript. En este capítulo te voy a enseñar los operadores de comparación, algo que necesitarás saber antes de ponerte con los condicionales.

Operador de comparación igual que

A diferencia de lo que puedas pensar, tenemos el operador que en JavaScript significa igual con el símbolo de doble igual ==. No te confundas con el símbolo igual =. Uno solo significa asignación. Por ejemplo, este operador igual está asignando a la variable let numero = 10; el valor de 10, no dice que sea igual a 10 por confuso que pueda parecer.

Para los siguientes ejemplos, voy a crear unas cuantas variables y las voy a comparar con booleanos, true o false.

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero1 == numero2;

console.log(comparador);

Puesto que los valores almacenados en las dos variables son iguales, esta comparación devuelve true (verdadero). Son iguales.
En lenguaje "humano" podríamos traducir esto como ¿Es igual el valor de numero1 al de numero2? Verdadero, son iguales.

true

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero1 == numero3;

console.log(comparador);

Esta vez devuelve false (falso) porque efectivamente, los dos valores son diferentes.

false

Operador de comparación diferente que

Este operador, diferente que !=, es todo lo contrario al anterior, devuelve true si los valores comparados son diferentes y false si son iguales.

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero1 != numero3;

console.log(comparador);

Lo dicho, como son diferentes, devuelve true, que quiere decir que verdaderamente son diferentes.

true

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero1 != numero2;

console.log(comparador);

Puesto que son iguales, no se cumple la condición del diferente que != y nos devuelve false. Es falso que sean diferentes.

false

Operador de comparación mayor que

También tenemos un operador para comparar si un valor es mayor que otro, el operador >

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero3 > numero1;

console.log(comparador);

Puesto que 20 es mayor que 10, devuelve true.

true

También tenemos un operador para comparar si un valor es mayor que > otro.

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero4 > numero3;

console.log(comparador);

el valor de numero4 es menor que el de numero3, por lo tanto, false.

false

Operador de comparación menor que

Tenemos lo contrario a mayor que, el operador menor que <, que evalúa si un valor es menor que otro.

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero1 < numero2;

console.log(comparador);

Dado que los dos valores son iguales, devuelve false.

false

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero1 < numero4;

console.log(comparador);

Esta vez, el valor de numero1 es menor que el valor de numero4, en este caso, se cumple la condición y devuelve true.

true

Operador de comparación mayor o igual que

Hay una variante de mayor que, se trata de mayor o igual que >=. En este caso, da true si el valor es mayor o es igual, en caso contrario devuelve false.

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero1 >= numero2;

console.log(comparador);

El valor de numero1 y numero2 es igual, por lo tanto, se cumple la condición.

true

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero3 >= numero2;

console.log(comparador);

El valor de numero3 es mayor que numero2, aquí también se cumple la condición.

true

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero1 >= numero3;

console.log(comparador);

El valor de numero1 no es ni mayor ni igual que el valor de numero3, por lo tanto, false.

false

Operador de comparación menor o igual que

El operador menor o igual que da true si el valor es menor o es igual, en caso contrario devuelve false.

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero1 <= numero2;

console.log(comparador);

El valor de numero1 y numero2 es igual, por lo tanto, se cumple la condición.

true

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero2 <= numero3;

console.log(comparador);

El valor de numero2 es menor que numero3, aquí también se cumple la condición.

true

let numero1 = 10;
let numero2 = 10;
let numero3 = 20;
let numero4 = 19;

let comparador = numero3 <= numero1;

console.log(comparador);

El valor de numero3 no es ni menor ni igual que el valor de numero1, por lo tanto, false.

false

Todavía tenemos más operadores, esto ya queda seguramente para el nivel intermedio del curso. En el siguiente capítulo empezamos con los condicionales, ¡no te lo pierdas!

Ejercicios de JavaScript

37. Rellena el siguiente código con el operador de comparación correcto. Cambia el interrogante por el operador.



Puede que haya más de una solución.

let numero1 = 45;
let numero2 = 34;
let numero3 = 102;
let numero4 = 45;

let comparador = numero1 ? numero3;

console.log(comparador);

true

38. Rellena el siguiente código con el operador de comparación correcto. Cambia el interrogante por el operador.



Puede que haya más de una solución.

let numero1 = 45;
let numero2 = 34;
let numero3 = 102;
let numero4 = 45;

let comparador = numero4 ? numero1;

console.log(comparador);

false

39. Rellena el siguiente código con el operador de comparación correcto. Cambia el interrogante por el operador.



Puede que haya más de una solución.

let numero1 = 45;
let numero2 = 34;
let numero3 = 102;
let numero4 = 45;

let comparador = numero2 ? numero2;

console.log(comparador);

true

40. Rellena el siguiente código con valores correctos. Cambia los interrogantes por números cualesquiera que den una solución correcta.



Puede que haya más de una solución.

let numero1 = ?;
let numero2 = ?;

let comparador = numero1 >= numero2;

console.log(comparador);

false

41. Rellena el siguiente código con valores correctos. Cambia los interrogantes por números cualesquiera que den una solución correcta.



Puede que haya más de una solución.

let numero1 = ?;
let numero2 = ?;

let comparador = numero1 != numero2;

console.log(comparador);

 Resultado en la consola 

true

La solución la encontrarás aquí: Soluciones de ejercicios de JavaScript.