Operadores JavaScript
Você já sabe como valores se comportam numa condição — truthy e falsy. A próxima habilidade é ler os símbolos que agem sobre valores: somar, guardar, comparar ou combinar sim/não. Esses símbolos são operadores. Esta lição é um mapa de famílias, não um mergulho em cada símbolo. Depois vêm aritmética, atribuição, comparação e lógica, uma de cada vez.
O que é um operador em JavaScript?
Um operador é um símbolo (ou palavra curta) que diz ao JavaScript para fazer algo com um ou mais valores. Esses valores chamam-se operandos. Em 3 + 4, + é o operador e 3 e 4 são os operandos. Você verá operadores em quase todas as linhas — primeiro aprenda os nomes das famílias para os símbolos não parecerem aleatórios.
Famílias de operadores (mapa iniciante)
📊 Famílias de operadores para começa
| Família | Trabalho numa linha | Exemplos que verá em breve |
|---|---|---|
| Aritmética | calcular com números | + - * / % |
| Atribuição | guardar um valor numa variável | = += |
| Comparação | perguntar sim/não sobre valores | === !== > < |
| Lógica | combinar ou inverter resultados sim/não | && · OR · ! |
Mantenha esta tabela à mão. Viu um símbolo novo? Pergunte: de que família? Isso ajuda mais do que memorizar uma lista enorme no primeiro dia.
Vista rápida da aritmética
Operadores aritméticos trabalham sobretudo com números e devolvem um valor novo. % é o resto da divisão — útil depois para padrões «a cada N».
console.log(10 + 3);
console.log(10 - 3);
console.log(10 * 3);
console.log(10 / 3);
console.log(10 % 3);
A lição completa de aritmética vem a seguir. Aqui basta reconhecer a família e ler uma expressão curta.
A atribuição guarda um valo
= não significa «igual» como na matemática. Ele atribui: coloca o valor da direita na variável da esquerda.
let score = 0;
score = 10;
console.log(score);
let label = "hi";
label = label + "!";
console.log(label);
Atalhos como += são da mesma família; você pratica na lição de atribuição.
A comparação faz uma pergunta
Operadores de comparação devolvem um boolean: true ou false. Para começar, prefira === (igualdade estrita) — verifica valor e tipo. A lição profunda de comparação vem depois.
console.log(5 === 5);
console.log(5 === "5");
console.log(7 > 3);
console.log(2 !== 9);
5 === "5" é false porque número e string são tipos diferentes. Isso é uma característica da igualdade estrita, não um bug.
A lógica combina sim/não
Operadores lógicos trabalham com resultados parecidos com boolean. && precisa dos dois lados truthy. || precisa de pelo menos um. ! inverte truthy/falsy. Você já conhece a ideia; aqui liga várias verificações.
console.log(true && true);
console.log(true && false);
console.log(false || true);
console.log(!false);
let age = 20;
console.log(age >= 18 && age < 65);
Cuidado com o +: somar ou juntar?
Com dois números, + soma. Se um lado for string, + muitas vezes junta (concatena). Viu isso na conversão de tipos — também entra no mapa de operadores.
console.log(2 + 3);
console.log("2" + 3);
console.log(2 + "3");
console.log("Hi" + " " + "Sam");
Mostre uma expressão na página
Uma expressão curta pode decidir o texto do visitante. Mude os números ou a comparação e recarregue.
<!DOCTYPE html>
<html>
<head>
<title>Operators — page demo</title>
</head>
<body>
<p id="out">…</p>
<script>
let a = 8;
let b = 5;
let sum = a + b;
let ok = sum >= 10;
let box = document.getElementById("out");
box.textContent = "sum=" + sum + " · ok=" + ok;
</script>
</body>
</html>
Aqui aritmética (+), comparação (>=) e junção de strings (+ com texto) trabalham juntos. Essa mistura é comum em páginas reais.
Experimente você
- Registe
15 + 4,15 - 4,15 * 4,15 / 4e15 % 4. - Escreva
let n = 1, depoisn = n + 2, e registen. - Registe
10 === 10e10 === "10". - Registe
true && falseetrue || false. - Compare
"7" + 1com7 + 1. - Na demo HTML, mude
aoubparaokficarfalsee recarregue.
Erros comuns
- Ler
=como «igual» — ele guarda; para comparar use=== - Esperar que
+sempre some — com string muitas vezes junta - Memorizar todos os símbolos antes dos quatro nomes de família
- Misturar comparação (
===) com lógica (&&) — trabalhos diferentes - Saltar o mapa e ir cedo demais a operadores avançados
Resumo
- Um operador age sobre valores (operandos)
- Famílias iniciais: aritmética, atribuição, comparação, lógica
=guarda;===compara;&&/||/!combinam sim/não+pode somar números ou juntar strings- Seguinte: aritmética — olhar mais fundo a
+-*/%
🧠 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