Operadores de comparación

Generated avatar
javascript operadores comparación

Tabla de contenido

🎯 ¿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

Compartir

Esta artículo aparece en estas rutas de aprendizaje

El curso más corto de programación (con JavaScript)

Conceptos fundamentales explicados de la manera más superficial para comenzar a entender de qué se trata la programación

Generated avatar