Desenvolvedor de Software e Especialista em Tecnologia da Informação

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

Incremento JavaScript Operador ++ Pré-fixado Pós-fixado JavaScript para Iniciantes Lógica de Programação Loops Programador Iniciante RogerioPontesTI

"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 .

FORMA MANUAL

let valor = 2;
valor = valor + 1;
console.log(valor); // 3
        
COM INCREMENTO (++)

let valor = 2;
valor++; // Mesmo resultado, mais curto!
console.log(valor); // 3
        
📋 Por que usar o operador ++?
  • 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 .

PÓS-FIXADO

let valor = 2;
let resultado = valor++; // resultado recebe 2, valor vira 3
console.log(resultado); // 2 (valor antigo)
console.log(valor); // 3 (valor novo)
        
📖 Quando usar pós-fixado?
  • 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 .

PRÉ-FIXADO

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 usar pré-fixado?
  • 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

COMPARAÇÃO

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
        
📖 Resumo da diferença
  • 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 .

DECREMENTO

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:00Incremento em JavaScript: declarando a variável valor
  • 00:05 — Forma manual de somar 1 (valor = valor + 1)
  • 00:26Incremento pós-fixado em JavaScript: valor++
  • 00:36 — Verificando o resultado do incremento no console
  • 00:40Incremento 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

Um atalho para somar 1 ao valor atual de uma variável, representado pelo símbolo ++.

No resultado final da variável, nenhuma; ambos somam 1 ao valor. A diferença só aparece em expressões.

Quando o ++ vem depois da variável, como em valor++. Ele retorna o valor antigo e depois incrementa.

Quando o ++ vem antes da variável, como em ++valor. Ele incrementa e depois retorna o valor novo.

Sim, em expressões mais avançadas o pós-fixado retorna o valor antigo antes de incrementar, e o pré-fixado retorna o valor já incrementado.

Sim, ele é usado especificamente com variáveis do tipo number, pois só faz sentido somar 1 a números.

Sim, o operador de decremento (--), que subtrai 1 da variável, funcionando de forma análoga ao incremento.

Muito em loops (for, while) e em contadores dentro do código, sendo uma das operações mais comuns.

No resultado final da soma de 1, sim, ambos aumentam o valor em uma unidade. ++ é a forma mais curta.

Sim, deixa o código mais curto e é o padrão usado no dia a dia por programadores experientes.

Não, ele só funciona com variáveis numéricas. Tentar usar em strings ou outros tipos pode causar comportamentos inesperados.

O JavaScript tentará converter a variável para número. Se não for possível, o resultado será NaN (Not a Number).

🎬 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