Incremento (++) em JavaScript: Pare de Escrever +1
Cansado de escrever valor = valor + 1 toda vez que precisa somar 1 a uma variável? O JavaScript tem um atalho pra isso: o operador de incremento (++). Neste artigo rápido você vai entender exatamente como ele funciona, nas duas formas que ele pode aparecer no seu código. Um operador pequeno, mas que aparece o tempo todo assim que você começa a escrever código de verdade.
POV: Você ainda escrevia valor = valor + 1 e descobriu o ++ 😱
Começamos com a forma manual, somando 1 diretamente ao valor de uma variável, só pra deixar claro o que estamos tentando simplificar. Depois mostramos o incremento pós-fixado, escrevendo o ++ depois da variável (valor++), que aumenta o valor em uma unidade de forma muito mais curta. Por fim, mostramos o incremento pré-fixado, com o ++ antes da variável (++valor), que no resultado final também soma 1 ao valor atual.
Incremento (++) em JavaScript: Pare de Escrever +1
"Vamos utilizar aqui um let valor. O valor ele vai ser igual a dois. Eu poderia acrescentar um da seguinte forma: valor = valor + 1. Mas se eu quiser utilizar um incremento, então é simples: valor++. O JavaScript tem esse atalho pra simplificar seu código."
➕ O que é o operador de incremento ++ em JavaScript?
O operador de incremento (++) é um atalho em JavaScript para adicionar 1 ao valor atual de uma variável . Ele é amplamente utilizado em loops e contadores .
let valor = 2;
valor = valor + 1;
console.log(valor); // 3
let valor = 2;
valor++; // Mesmo resultado, mais curto!
console.log(valor); // 3
- Mais curto — escreve menos código
- Padrão — é o que programadores experientes usam
- Legível — quem conhece entende imediatamente
- Eficiente — faz exatamente a mesma coisa que a forma manual
🔄 Incremento pós-fixado: valor++
No incremento pós-fixado, o ++ vem depois da variável . Ele retorna o valor original antes de incrementar .
let valor = 2;
let resultado = valor++; // resultado recebe 2, valor vira 3
console.log(resultado); // 2 (valor antigo)
console.log(valor); // 3 (valor novo)
- Em loops — quando você quer usar o valor atual e depois incrementar
- Em expressões — quando a ordem importa
- É o mais comum no dia a dia
🔄 Incremento pré-fixado: ++valor
No incremento pré-fixado, o ++ vem antes da variável . Ele incrementa e depois retorna o valor novo .
let valor = 2;
let resultado = ++valor; // valor vira 3, resultado recebe 3
console.log(resultado); // 3 (valor novo)
console.log(valor); // 3 (valor novo)
- Quando você precisa do valor já incrementado
- Em expressões que exigem o valor atualizado
- Menos comum, mas útil em situações específicas
⚖️ Pós-fixado vs Pré-fixado: a diferença
let a = 5;
let b = 5;
// Pós-fixado: retorna o valor antigo
console.log(a++); // 5 (depois a vira 6)
console.log(a); // 6
// Pré-fixado: retorna o valor novo
console.log(++b); // 6 (b já virou 6)
console.log(b); // 6
valor++(pós-fixado) — retorna o valor antigo e depois incrementa++valor(pré-fixado) — incrementa e depois retorna o valor novo- No resultado final, ambos somam 1 à variável
- A diferença só importa quando você usa o valor em uma expressão
➖ O operador de decremento --
Assim como o incremento, o JavaScript também tem um operador de decremento (--) para subtrair 1 .
let valor = 5;
valor--; // valor agora é 4
console.log(valor); // 4
// Pós-fixado e pré-fixado funcionam da mesma forma
let a = 5;
console.log(a--); // 5 (depois a vira 4)
console.log(--a); // 3 (a já era 4, vira 3)
📋 Boas práticas com incremento e decremento
1️⃣ Use ++ em loops
É a forma mais comum e legível de controlar contadores em loops for e while .
2️⃣ Prefira pós-fixado na maioria dos casos
É o mais usado e fácil de entender para quem está começando .
3️⃣ Seja claro em expressões
Evite misturar ++ com outras operações em uma única linha para não confundir .
4️⃣ Use com moderação
Em código complexo, às vezes é melhor usar += 1 para maior clareza .
⏱️ Capítulos do vídeo
- 00:00 — Incremento em JavaScript: declarando a variável valor
-
00:05 — Forma manual de somar 1 (
valor = valor + 1) -
00:26 — Incremento pós-fixado em JavaScript:
valor++ - 00:36 — Verificando o resultado do incremento no console
-
00:40 — Incremento pré-fixado em JavaScript:
++valor - 00:51 — Encerramento e convite para se inscrever
🎯 Conclusão
O operador de incremento (++) é um dos pequenos detalhes que fazem grande diferença no dia a dia de um programador . Ele simplifica o código, torna os loops mais legíveis e é um padrão na indústria .
Neste artigo, você aprendeu:
- ✅ Como somar 1 a uma variável de forma manual
- ✅ O que é o operador de incremento (
++) em JavaScript - ✅ Como usar o incremento pós-fixado (
valor++) - ✅ Como usar o incremento pré-fixado (
++valor) - ✅ Onde o operador de incremento costuma ser usado na prática
- ✅ Como esse operador simplifica o código do dia a dia
- ✅ O operador de decremento (
--) para subtrair 1
💡 Lembre-se: valor++ e ++valor fazem a mesma coisa no resultado final, mas a diferença importa quando você usa o valor em uma expressão. No dia a dia, a maioria dos programadores usa valor++.
🤔 O que você achou?
💬 Quer aprender JavaScript do ZERO? Comece agora a escrever seu primeiro código e seus fundamentos!
❓ FAQ: Perguntas Frequentes sobre Incremento em JavaScript
🎬 Assista ao Vídeos completo sobre Refatoração
O vídeo foi feito em Javascript mais o conceito pode ser utilizado em qualquer outra linguagem de programação..
🎬 Assista ao Vídeos completo sobre Refatoração
🔗 Conecte-se Comigo
💬 Você já usava valor++ ou ainda escrevia valor = valor + 1 por extenso? Você prefere valor++ ou ++valor no seu código? Comenta aqui embaixo 👇
#JavaScript #Incremento #JavaScriptParaIniciantes #LogicaDeProgramacao #RogerioPontesTI