Operadores de comparación

Bienvenido a la lección sobre operadores de comparación. En programación, a menudo necesitamos tomar decisiones según si se cumplen ciertas condiciones.

Por ejemplo, podrías necesitar revisar si la contraseña escrita por un usuario es correcta o si tiene edad suficiente para ver un sitio web específico. Para hacer esto, comparamos valores.

Qué hacen los operadores de comparación

Los operadores de comparación son símbolos especiales que se usan para comparar dos valores.

Cada vez que usas un operador de comparación, JavaScript revisa la expresión y devuelve un valor booleano: true cuando la comparación coincide con los valores, o false cuando no coincide.

= vs ===

Una trampa común para principiantes es confundir un solo signo igual (=) con tres signos iguales (===).

• El signo = es el operador de asignación. Asigna un valor a una variable, por ejemplo: const age = 18;.
• El operador === es el operador de igualdad estricta. Compara dos valores para ver si son exactamente iguales en valor y tipo de dato.

Advertencia rápida: A veces podrías ver doble igual (==) o no igual (!=) en código antiguo. Pueden ser confusos porque JavaScript puede intentar convertir tipos de datos antes de compararlos.

Como principiante, es mejor usar === y !== para obtener resultados más seguros y predecibles.

Primer ejemplo de código

Vamos a revisar si la contraseña escrita por un usuario coincide con la contraseña guardada.

const savedPassword = "secretPassword123";
const enteredPassword = "secretPassword123";

console.log(savedPassword === enteredPassword);

const wrongPassword = "Password123";
console.log(savedPassword === wrongPassword);
console.log(savedPassword !== wrongPassword);

Explicación del código

Cuando haces clic en Ejecutar, verás los resultados en la sección de salida.

• El primer console.log() muestra true porque savedPassword y enteredPassword contienen exactamente el mismo texto.
• El segundo console.log() compara savedPassword con wrongPassword. Como el texto es diferente, JavaScript muestra false.
• El tercer console.log() usa !== y muestra true porque las dos contraseñas son diferentes.

También tenemos el operador estrictamente no igual a (!==). Revisa si dos valores son diferentes.

Comparar números

También podemos comparar números para saber cuál es mayor o menor.

Estos son los operadores comunes para comparar números:

• > significa mayor que.
• < significa menor que.
• >= significa mayor o igual que.
• <= significa menor o igual que.

Veamos un ejemplo práctico con precios y edades.

const itemPrice = 50;
const userBalance = 30;

// ¿El usuario puede pagar el producto?
console.log(userBalance >= itemPrice);

const age = 16;
const requiredAge = 18;

// ¿El usuario es menor que la edad requerida?
console.log(age < requiredAge);

Mini tarea

Prueba editar el bloque de código de arriba.

Cambia userBalance a 50 y haz clic en Ejecutar.

¿La primera salida cambia a true? Como 50 es mayor o igual que 50, la condición pasa a cumplirse.

Quiz corto

Pregunta: ¿Qué mostrará console.log(10 !== 10)?

Respuesta: Mostrará false.

El operador !== revisa si dos valores no son estrictamente iguales. Como 10 es exactamente igual a 10, la expresión 10 !== 10 es falsa.

Pequeño desafío

Imagina que estás creando un juego donde un jugador necesita superar una puntuación máxima de 100 para ganar.

Crea una variable para la puntuación del jugador y usa un operador de comparación para revisar si su puntuación es estrictamente mayor que la puntuación máxima.

// escribe tu código abajo

console.log()

Resumen

• Los operadores de comparación comparan dos valores y siempre devuelven true o false.
• = asigna un valor, mientras que === revisa si dos valores son exactamente iguales.
• !== revisa si dos valores no son exactamente iguales.
• Usa >, <, >= y <= para comparar números, como edades, saldos o puntuaciones de juegos.