Los operadores de comparación - Curso de JavaScript de cero a máster - Capítulo 15


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

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).

Código JavaScript

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

let comparador = numero1 == numero2;

console.log(comparador);

Resultado en la consola

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

Código JavaScript

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

let comparador = numero1 == numero3;

console.log(comparador);

Resultado en la consola

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

false

Operador de comparación diferente qué

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

Código JavaScript

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

let comparador = numero1 != numero3;

console.log(comparador);

Resultado en la consola

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

true

Código JavaScript

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

let comparador = numero1 != numero2;

console.log(comparador);

Resultado en la consola

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

false

Operador de comparación mayor qué

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

Código JavaScript

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

let comparador = numero3 > numero1;

console.log(comparador);

Resultado en la consola

Puesto que 20 es mayor que 10, devuelve true.

true

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

Código JavaScript

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

let comparador = numero4 > numero3;

console.log(comparador);

Resultado en la consola

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

false

Operador de comparación menor qué

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

Código JavaScript

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

let comparador = numero1 < numero2;

console.log(comparador);

Resultado en la consola

Dado que los dos valores son iguales, devuelve false.

false

Código JavaScript

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

let comparador = numero1 < numero4;

console.log(comparador);

Resultado en la consola

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 qué

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

Código JavaScript

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

let comparador = numero1 >= numero2;

console.log(comparador);

Resultado en la consola

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

true

Código JavaScript

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

let comparador = numero3 >= numero2;

console.log(comparador);

Resultado en la consola

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

true

Código JavaScript

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

let comparador = numero1 >= numero3;

console.log(comparador);

Resultado en la consola

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 qué

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

Código JavaScript

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

let comparador = numero1 <= numero2;

console.log(comparador);

Resultado en la consola

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

true

Código JavaScript

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

let comparador = numero2 <= numero3;

console.log(comparador);

Resultado en la consola

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

true

Código JavaScript

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

let comparador = numero3 <= numero1;

console.log(comparador);

Resultado en la consola

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

  1. Rellena el siguiente código con el operador de comparación correcto. Cambia el interrogante rojo por el operador.
  2. Info: puede que haya más de una solución.


    Código JavaScript

    let numero1 = 45;
    let numero2 = 34;
    let numero3 = 102;
    let numero4 = 45;
    
    let comparador = numero1 ? numero3;
    
    console.log(comparador);

    Resultado en la consola

    true
  3. Rellena el siguiente código con el operador de comparación correcto. Cambia el interrogante rojo por el operador.
  4. Info: puede que haya más de una solución.


    Código JavaScript

    let numero1 = 45;
    let numero2 = 34;
    let numero3 = 102;
    let numero4 = 45;
    
    let comparador = numero4 ? numero1;
    
    console.log(comparador);

    Resultado en la consola

    false
  5. Rellena el siguiente código con el operador de comparación correcto. Cambia el interrogante rojo por el operador.
  6. Info: puede que haya más de una solución.


    Código JavaScript

    let numero1 = 45;
    let numero2 = 34;
    let numero3 = 102;
    let numero4 = 45;
    
    let comparador = numero2 ? numero2;
    
    console.log(comparador);

    Resultado en la consola

    true
  7. Rellena el siguiente código con valores correctos. Cambia el interrogante rojo por un número cualquiera que de una solución correcta.
  8. Info: puede que haya más de una solución.


    Código JavaScript

    let numero1 = ?;
    let numero2 = ?;
    
    let comparador = numero1 >= numero2;
    
    console.log(comparador);

    Resultado en la consola

    false
  9. Rellena el siguiente código con valores correctos. Cambia el interrogante rojo por un número cualquiera que de una solución correcta.
  10. Info: puede que haya más de una solución.


    Código JavaScript

    let numero1 = ?;
    let numero2 = ?;
    
    let comparador = numero1 != numero2;
    
    console.log(comparador);

    Resultado en la consola

    true

La solución la encontrarás aquí: Haz click aquí.

Capítulos


Suscríbete a mi canal de YouTube para apoyarme

Si te ha gustado este curso y crees que el trabajo merece la pena, te agradeceré eternamente que te suscribas a mi canal de YouTube para apoyarme y que pueda seguir haciendo cursos gratuitos.

Además, si te encanta la programación, tienes un montón más de cursos gratuitos para ver.

No solo eso, podrás participar enviándome comentarios con tus sugerencias para temas específicos o cursos completos o incluso las dudas que tengas y las intentaré ir resolviendo en los cursos que estén todavía abiertos.


Comentarios

Si te quedan dudas sobre el temario, sobre JavaScript, o cualquier otra cosa relacionada o simplemente quieres agradecer, aquí tienes tu sitio para dejar tu granito de arena. Gracias por tus comentarios y por darle vida a este sitio web.