Aritmética em JavaScript
Você já tem o mapa das famílias de operadores. Esta aula aprofunda a família aritmética — símbolos que trabalham sobretudo com números e devolvem um valor novo. Você pratica + - * / %, controla a ordem com parênteses, move contadores com ++ e --, eleva potências com operador de potência e corrige a armadilha clássica: quando + junta texto em vez de somar.
O que são operadores aritméticos?
Operadores aritméticos pedem ao JavaScript para calcular. Os valores continuam sendo operandos. Em 12 / 4, / é o operador e 12 e 4 são os operandos. O resultado pode ser guardado, registrado ou mostrado na página.
Os cinco operadores do dia a dia
📊 Operadores aritméticos cotidianos
| Operador | Função | Resultado de exemplo |
|---|---|---|
+ |
somar | 7 + 3 → 10 |
- |
subtrair | 7 - 3 → 4 |
* |
multiplicar | 7 * 3 → 21 |
/ |
dividir | 7 / 2 → 3.5 |
% |
resto após dividir | 7 % 3 → 1 |
Mantenha esta tabela à mão. A divisão com / pode dar decimal. % não é «por cento» — é o resto.
console.log(20 + 4);
console.log(20 - 4);
console.log(20 * 4);
console.log(20 / 4);
console.log(20 % 4);
console.log(20 / 3);
Padrões de resto com %
% responde: «o que sobra depois de dividir?» Esse resto serve para par/ímpar e lógica de «a cada N itens».
console.log(8 % 2);
console.log(9 % 2);
console.log(15 % 5);
console.log(17 % 5);
let n = 12;
console.log(n % 2 === 0);
8 % 2 é 0 (par). 9 % 2 é 1 (ímpar). Teste comum de paridade: n % 2 === 0. Depois você usará resto em laços; aqui basta ler o que sobra.
Precedência e parênteses
O JavaScript não avalia sempre da esquerda para a direita. Multiplicação e divisão costumam vir antes de soma e subtração. Parênteses impõem a ordem que você quer — leia primeiro o interior de (…).
console.log(2 + 3 * 4);
console.log((2 + 3) * 4);
console.log(10 - 6 / 2);
console.log((10 - 6) / 2);
Sem parênteses, 2 + 3 * 4 vale 14 (multiplica primeiro). Com (2 + 3) * 4 você obtém 20. Quando a ordem importa para preço ou fórmula, escreva os parênteses de propósito.
++ -- e operador de potência
++ soma um a uma variável numérica. -- subtrai um. operador de potência é exponenciação. Se ainda não estiver à vontade, uma linha clara n = n + 1 também serve; você verá muito ++ em laços.
let lives = 3;
lives++;
console.log(lives);
lives--;
console.log(lives);
console.log(2 ** 3);
console.log(5 ** 2);
Depois de lives++, o valor é 4. 2 elevado a 3 é 8. 5 elevado a 2 é 25. Atalhos como += ficam na aula de operador de potênciaatribuiçãooperador de potência — aqui ficamos nos símbolos de cálculo.
Quando + junta em vez de somar
Se um lado de + é uma string, o JavaScript muitas vezes concatena. Converta com Number(...) quando você queria somar.
console.log("5" + 2);
console.log(Number("5") + 2);
console.log(5 + Number("2"));
let a = "10";
let b = "3";
console.log(Number(a) + Number(b));
"5" + 2 vira "52". Number("5") + 2 vira 7. A mesma ideia da conversão de tipo — aparece o tempo todo em formulários e texto de página.
Mostrar um total na página
Calcule uma conta pequena, use o resto como dica e escreva o resultado na página.
<!DOCTYPE html>
<html>
<head>
<title>Arithmetic — page total</title>
</head>
<body>
<p id="out">…</p>
<script>
let price = 12;
let qty = 3;
let shipping = 4;
let total = price * qty + shipping;
let leftover = total % 5;
let box = document.getElementById("out");
box.textContent = "total=" + total + " · rem5=" + leftover;
</script>
</body>
</html>
Aqui * roda antes de +, então 12 * 3 + 4 → 40. 40 % 5 é 0. Mude price, qty ou shipping, atualize e confira os dois números.
Experimente você
- Registre
14 + 5,14 - 5,14 * 5,14 / 5e14 % 5. - Verifique se
22é par com%e=== 0. - Compare
1 + 2 * 3com(1 + 2) * 3. - Comece com
let c = 0, executec++duas vezes e registrec. - Registre 3 elevado a 3 e
Number("8") + 1. - Na demo HTML mude só
qty, atualize e leia o novo total e resto.
Erros comuns
- Ler
%como «por cento» — é o resto - Esperar que
+sempre some — um lado string costuma juntar - Esquecer parênteses quando
*//não devem vencer - Confundir
++(mudar em um) com=(guardar qualquer valor) - Calcular sobre strings de exibição em vez de números crus
Resumo
- Operadores aritméticos:
+-*/% %é resto — útil para par/ímpar e «a cada N»- Parênteses controlam a precedência; em geral
*/antes de+- ++/--mudam em um; operador de potência eleva à potência- Use
Number()quando+concatenar - Próximo: atribuição — guardar e atualizar com
=e companhia
🧠 Teste Seu Conhecimento
Teste Seu Conhecimento
Desafie-se com este questionário interativo e veja o quão bem você entende o tópico
📝 Instruções
- Leia cada pergunta cuidadosamente
- Selecione a melhor resposta para cada pergunta
- Você pode refazer o quiz quantas vezes quiser
- Seu progresso será mostrado no topo