Operadores de JavaScript
Ya sabes cómo se comportan los valores en una condición — truthy y falsy. La siguiente habilidad es leer los símbolos que actúan sobre valores: sumar, guardar, comparar o combinar sí/no. Esos símbolos son operadores. Esta lección es un mapa de familias, no un estudio profundo de cada símbolo. Más adelante verás aritmética, asignación, comparación y lógica por separado.
¿Qué es un operador en JavaScript?
Un operador es un símbolo (o palabra corta) que le dice a JavaScript que haga algo con uno o más valores. Esos valores se llaman operandos. En 3 + 4, + es el operador y 3 y 4 son los operandos. Verás operadores en casi cada línea — primero aprende los nombres de familia para que los símbolos no parezcan al azar.
Familias de operadores (mapa para principiantes)
📊 Familias de operadores para empeza
| Familia | Trabajo en una línea | Ejemplos que verás pronto |
|---|---|---|
| Aritmética | calcular con números | + - * / % |
| Asignación | guardar un valor en una variable | = += |
| Comparación | preguntar sí/no sobre valores | === !== > < |
| Lógica | combinar o invertir resultados sí/no | && · OR · ! |
Ten esta tabla a mano. ¿Ves un símbolo nuevo? Pregunta: ¿de qué familia es? Eso ayuda más que memorizar una lista enorme el primer día.
Vista rápida de aritmética
Los operadores aritméticos trabajan sobre todo con números y devuelven un valor nuevo. % es el resto de la división — útil después para patrones «cada N».
console.log(10 + 3);
console.log(10 - 3);
console.log(10 * 3);
console.log(10 / 3);
console.log(10 % 3);
La lección completa de aritmética viene después. Aquí solo debes reconocer la familia y leer una expresión corta.
La asignación guarda un valo
= no significa «igual» como en matemáticas. Asigna: pone el valor de la derecha en la variable de la izquierda.
let score = 0;
score = 10;
console.log(score);
let label = "hi";
label = label + "!";
console.log(label);
Atajos como += son de la misma familia; los practicarás en la lección de asignación.
La comparación hace una pregunta
Los operadores de comparación devuelven un boolean: true o false. Para empezar, prefiere === (igualdad estricta): comprueba valor y tipo. La lección profunda de comparación llega más tarde.
console.log(5 === 5);
console.log(5 === "5");
console.log(7 > 3);
console.log(2 !== 9);
5 === "5" es false porque número y cadena son tipos distintos. Es una característica de la igualdad estricta, no un error.
La lógica combina sí/no
Los operadores lógicos trabajan con resultados parecidos a boolean. && necesita ambos lados truthy. || necesita al menos uno. ! invierte truthy/falsy. Ya conoces la idea; aquí unes varias comprobaciones.
console.log(true && true);
console.log(true && false);
console.log(false || true);
console.log(!false);
let age = 20;
console.log(age >= 18 && age < 65);
Cuidado con +: ¿suma o une?
Con dos números, + suma. Si un lado es cadena, + suele unir (concatenar). Lo viste en conversión de tipos — también pertenece al mapa de operadores.
console.log(2 + 3);
console.log("2" + 3);
console.log(2 + "3");
console.log("Hi" + " " + "Sam");
Muestra una expresión en la página
Una expresión corta puede decidir el texto del visitante. Cambia los números o la comparación y recarga.
<!DOCTYPE html>
<html>
<head>
<title>Operators — page demo</title>
</head>
<body>
<p id="out">…</p>
<script>
let a = 8;
let b = 5;
let sum = a + b;
let ok = sum >= 10;
let box = document.getElementById("out");
box.textContent = "sum=" + sum + " · ok=" + ok;
</script>
</body>
</html>
Aquí trabajan juntos aritmética (+), comparación (>=) y unión de cadenas (+ con texto). Esa mezcla es normal en páginas reales.
Pruébalo tú
- Registra
15 + 4,15 - 4,15 * 4,15 / 4y15 % 4. - Escribe
let n = 1, luegon = n + 2, y registran. - Registra
10 === 10y10 === "10". - Registra
true && falseytrue || false. - Compara
"7" + 1con7 + 1. - En la demo HTML, cambia
aobpara queokseafalsey recarga.
Errores frecuentes
- Leer
=como «igual» — asigna; para comparar usa=== - Esperar que
+siempre sume — con cadena a menudo une - Memorizar todos los símbolos antes de los cuatro nombres de familia
- Mezclar comparación (
===) con lógica (&&) — trabajos distintos - Saltar el mapa e ir demasiado pronto a operadores avanzados
Resumen
- Un operador actúa sobre valores (operandos)
- Familias iniciales: aritmética, asignación, comparación, lógica
=guarda;===compara;&&/||/!combinan sí/no+puede sumar números o unir cadenas- Siguiente: aritmética — mirada más profunda a
+-*/%
🧠 Pon a Prueba tu Conocimiento
Pon a Prueba tu Conocimiento
Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema
📝 Instrucciones
- Lee cada pregunta cuidadosamente
- Selecciona la mejor respuesta para cada pregunta
- Puedes repetir el quiz tantas veces como quieras
- Tu progreso se mostrará en la parte superior