Operadores de comparación

javascript operadores comparación

🎯 ¿Qué son los operadores de comparación?

Los operadores de comparación son como preguntas que le hacemos a JavaScript para comparar valores.

Cuando hacemos una pregunta (comparación), JavaScript nos responde con:

  • true que significa “sí” o “verdadero”
  • false que significa “no” o “falso”
Analogía

Es como una balanza que nos ayuda a tomar decisiones:

  • ¿Son estos valores iguales?
  • ¿Es uno mayor que otro?
  • ¿Son del mismo tipo?

Cada operador es como hacer una pregunta, y la respuesta será siempre: sí (true) o no (false).

🔍 Tipos de Operadores

🟰 ¿Son Iguales?

== Comparación Simple

Es como preguntar “¿se parecen estos valores?”, sin fijarnos mucho en los detalles.

console.log(5 == "5"); // ¿se parecen?
console.log(5 == 5); // ¿son iguales?

Terminal window
true
true

=== Comparación Exacta

Es como preguntar “¿son exactamente iguales?”, fijándonos en todos los detalles.

console.log(5 === "5"); // ¿son del mismo tipo?
console.log(5 === 5); // ¿son exactamente iguales?

Terminal window
false
true

❗ ¿Son Diferentes?

!= Diferencia Simple

Es como preguntar “¿son diferentes?”, sin fijarnos mucho en los detalles.

console.log(5 != "5"); // ¿son diferentes?
console.log(5 != 6); // ¿son diferentes?

Terminal window
false
true

!== Diferencia Exacta

Es como preguntar “¿son completamente diferentes?”, fijándonos en todos los detalles.

console.log(5 !== "5"); // ¿son de diferente tipo?
console.log(5 !== 5); // ¿son diferentes?

Terminal window
true
false

📊 Comparando Números

> ¿Es Mayor?

Es como preguntar “¿es este número más grande que el otro?”

console.log(10 > 5); // ¿es 10 mayor que 5?
console.log(5 > 10); // ¿es 5 mayor que 10?

Terminal window
true
false

< ¿Es Menor?

Es como preguntar “¿es este número más pequeño que el otro?”

console.log(10 < 20); // ¿es 10 menor que 20?
console.log(20 < 10); // ¿es 20 menor que 10?

Terminal window
true
false

>= ¿Es Mayor o Igual?

Es como preguntar “¿es este número más grande o igual que el otro?”

console.log(10 >= 10); // ¿es 10 mayor o igual que 10?
console.log(15 >= 10); // ¿es 15 mayor o igual que 10?

Terminal window
true
true

<= ¿Es Menor o Igual?

Es como preguntar “¿es este número más pequeño o igual que el otro?”

console.log(5 <= 5); // ¿es 5 menor o igual que 5?
console.log(3 <= 7); // ¿es 3 menor o igual que 7?

Terminal window
true
true

📝 Resumen
OperadorDescripciónEjemploResultado
==Igualdad simple5 == '5'true
===Igualdad estricta5 === '5'false
!=Desigualdad simple5 != '5'false
!==Desigualdad estricta5 !== '5'true
>Mayor que7 > 5true
>=Mayor o igual que7 >= 5true
<Menor que3 < 5true
<=Menor o igual que3 <= 5true

☝️🤓
🏋️‍♂️ Ejercicio

Comparación Simple

Usa == para verificar si dos valores son iguales, sin importar el tipo de dato.

let a = 10;
let b = "10";
console.log(a == b); // ¿Son iguales en valor?

🏋️‍♂️ Ejercicio

Comparación Estricta

Usa === para comparar dos valores y asegurarte de que sean iguales en valor y tipo de dato.

let numero = 7;
let texto = "7";
console.log(numero === texto); // ¿Son exactamente iguales?

🏋️‍♂️ Ejercicio

Diferencia Simple

Usa != para verificar si dos valores son diferentes.

let x = 5;
let y = "5";
console.log(x != y); // ¿Son diferentes?

🏋️‍♂️ Ejercicio

Diferencia Estricta

Usa !== para verificar si dos valores son completamente diferentes.

let precio = 100;
let precioTexto = "100";
console.log(precio !== precioTexto); // ¿Son completamente diferentes?

🏋️‍♂️ Ejercicio

Mayor Que

Usa > para verificar si un número es mayor que otro.

let edad = 18;
let edadMinima = 16;
console.log(edad > edadMinima); // ¿Es mayor?

🏋️‍♂️ Ejercicio

Menor Que

Usa < para verificar si un número es menor que otro.

let temperatura = 25;
let temperaturaMaxima = 30;
console.log(temperatura < temperaturaMaxima); // ¿Es menor?

🏋️‍♂️ Ejercicio

Mayor o Igual

Usa >= para verificar si un estudiante aprobó el curso (nota mínima 70).

let calificacion = 75;
let notaMinima = 70;
console.log(calificacion >= notaMinima); // ¿Aprobó?

🏋️‍♂️ Ejercicio

Menor o Igual

Usa <= para verificar si un producto está dentro del presupuesto.

let precioProducto = 50;
let presupuesto = 60;
console.log(precioProducto <= presupuesto); // ¿Alcanza el presupuesto?

🚀 Extra

Investiga y responde:

  • Proporciona 3 ejemplos prácticos de cómo se usan los operadores de comparación en aplicaciones que utilizas todos los días. Por ejemplo:
    • Verificar si tienes suficiente saldo para realizar una compra
    • Comprobar si cumples la edad mínima para acceder a cierto contenido
    • Validar si una contraseña coincide con la almacenada
  • ¿Por qué es importante usar === en lugar de == cuando comparamos valores en JavaScript?

Comentarios