Asignación
La aritmética te dio símbolos que calculan un número nuevo. Aquí guardas ese resultado en una caja con nombre y la actualizas después. La asignación es cómo se llenan las variables — con = y con formas cortas como += que significan «toma el valor anterior, cámbialo, guárdalo otra vez.»
¿Qué es la asignación?
La asignación guarda un valor en una variable. A la izquierda va el nombre. A la derecha, el valor (o una expresión que lo produce). Tras let points = 10;, el nombre points contiene 10. Más adelante puedes leer ese nombre o guardar un valor nuevo.
Los operadores de un vistazo
📊 Operadores de asignación cotidianos
| Operador | Significa | Equivale a |
|---|---|---|
= |
guardar | (primer guardado o reemplazo total) |
+= |
sumar y guardar | x = x + … |
-= |
restar y guardar | x = x - … |
*= |
multiplicar y guardar | x = x * … |
/= |
dividir y guardar | x = x / … |
%= |
resto y guardar | x = x % … |
Ten esta hoja a mano. Cada atajo sigue siendo una asignación: solo mete la cuenta en una sola instrucción. Un principiante debe poder expandir += mentalmente a x = x + ….
let points = 10;
console.log(points);
let label = "ready";
console.log(label);
let total = 4 + 6;
console.log(total);
Reasignar con let
Con let, una asignación posterior reemplaza el valor guardado. Es normal en contadores, puntuaciones y campos de formulario que cambian.
let score = 0;
console.log(score);
score = 10;
console.log(score);
score = score + 5;
console.log(score);
La consola muestra 0, luego 10, luego 15. Cada = escribe un valor nuevo en score. Prefiere const cuando el nombre no debe cambiar tras el primer guardado — const rechaza una segunda asignación a ese nombre.
Asignación compuesta (atajos)
Los atajos actualizan y guardan en una línea. El mismo nombre queda a la izquierda.
let n = 8;
n += 2;
console.log(n);
n -= 3;
console.log(n);
n *= 2;
console.log(n);
n /= 4;
console.log(n);
n %= 3;
console.log(n);
Empieza en 8. Tras += 2 tienes 10. Tras -= 3 → 7. Tras *= 2 → 14. Tras /= 4 → 3.5. Tras %= 3 → 0.5. Sigue un atajo cada vez hasta que el patrón sea automático.
+= con texto
+= también funciona cuando el valor guardado es una cadena: añade más texto. Útil para construir un mensaje paso a paso.
let msg = "Hi";
msg += " ";
msg += "Sam";
console.log(msg);
let line = "score=";
line += 12;
console.log(line);
msg pasa a "Hi Sam". line pasa a "score=12" porque unir un número a una cadena convierte el resultado en texto. Misma idea que la trampa de + en aritmética: sé si querías números o un mensaje.
= guarda; === compara
Un signo igual guarda. Tres preguntan «¿mismo valor y tipo?». Mezclarlos es un error clásico: escribir if (x = 5) guarda 5 en lugar de comparar.
let x = 5;
console.log(x);
console.log(x === 5);
console.log(x === "5");
x = 9;
console.log(x === 9);
Tras let x = 5, el log de x es 5. x === 5 es true. x === "5" es false (número frente a cadena). Luego x = 9 guarda un valor nuevo; entonces x === 9 es true. La lección profunda de comparación viene después — aquí solo necesitas el contraste guardar/preguntar.
Actualizar un contador en la página
Guarda un conteo inicial, súbelo con += y escribe el resultado en la página.
<!DOCTYPE html>
<html>
<head>
<title>Assignment — page counter</title>
</head>
<body>
<p id="out">…</p>
<script>
let clicks = 0;
clicks += 1;
clicks += 2;
let box = document.getElementById("out");
box.textContent = "clicks=" + clicks;
</script>
</body>
</html>
Empieza en 0, suma 1, luego 2 → la página muestra clicks=3. Cambia los atajos, recarga y comprueba el texto. Los botones reales pueden llamar la misma idea más adelante; esta demo solo muestra guardar y actualizar.
Pruébalo tú
- Guarda
let a = 3, registraa, luego asignaa = 7y registra de nuevo. - Empieza con
let n = 10, ejecutan += 4, registran. - Desde ese
n, ejecutan *= 2y registra. - Construye
let s = "Go"y luegos += "!"y registra. - Registra
7 === 7y7 === "7"juntos. - En la demo HTML, cambia solo el segundo atajo (
+= 2), recarga y lee el nuevo valor de clicks.
Errores frecuentes
- Escribir
=cuando querías===dentro de una condición - Intentar reasignar un nombre
consttras el primer guardado - Olvidar el nombre de la variable a la izquierda (
+= 5solo no es válido) - Creer que
+=solo sirve con números — también añade texto - Confundir asignación (guardar) con aritmética pura (nuevo valor sin destino con nombre)
Resumen
=guarda un valor en una variableletpermite guardados posteriores;constfija el primero+=-=*=/=%=actualizan y guardan en un paso+=puede añadir texto o sumar números=guarda;===compara — no los intercambies- Siguiente: comparación — preguntar con
===,!==,<,>y compañí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