Incremento y decremento — Fundamentos de JavaScript

• ¿Qué hacen ++ y --?
• i++ y ++i: ¿hay diferencia?
  • i++ — Usar y luego sumar
  • ++i — Sumar antes de usar
  • ¿Y cuál uso?

Imagina que estás creando un podómetro: cada vez que das un paso, se suma uno. O una app con un botón que cuenta cuántas veces lo pulsaste. Cada clic: +1. Este tipo de contadores se usan en muchísimos programas.

++  // suma 1
--  // resta 1

Son muy usados en bucles, contadores y juegos. Y es importante entender cómo funcionan para no cometer errores.

¿Qué hacen ++ y --?

let i = 0;

i++; // Ahora i vale 1
i++; // Ahora i vale 2

i--; // Ahora i vale 1
i--; // Ahora i vale 0

⬆️ Cada vez que usamos ++, el número sube uno.

⬇️ Cada vez que usamos --, el número baja uno.

Estos operadores se usan todo el tiempo:

• Para contar clics, puntos o pasos en un juego.
• Para pasar de una posición a la siguiente en una lista.
• Para repetir algo 10 veces, avanzando de uno en uno.

i++ y ++i: ¿hay diferencia?

Sí, pero no te preocupes aún. En el 90% de los casos, puedes usar cualquiera y funcionará igual. Vamos a verlo con ejemplos simples y prácticos.

i++ — Usar y luego sumar

let i = 5;
console.log(i++); // Muestra 5
console.log(i);   // Ahora vale 6

Primero muestra el valor, luego lo incrementa.

++i — Sumar antes de usar

let j = 5;
console.log(++j); // Muestra 6
console.log(j);   // Sigue siendo 6

Primero sube el valor, luego lo muestra.

¿Y cuál uso?

Para la mayoría de tus programas, no importa. Solo evita hacer operaciones en una sola línea confusa.

❌ Malo:

let x = i++ - 7 + --h; // 😵 Difícil de leer

✅ Mejor:

let i = 2;
i++; // i ahora es 3

let h = 3;
h--; // h ahora es 2

let x = i - 7 + h; // Mucho más claro

Esto lo entiende cualquier persona. Tu yo del futuro también te lo va a agradecer 😄