Principais Operadores em
JavaScript
Entenda como os operadores funcionam para realizar cálculos,
comparações e tomadas de decisão nos seus programas.
JAVASCRIPT PARA INICIANTES
O que são Operadores?
Operadores são símbolos especiais que
instruem o JavaScript a realizar uma operação
específica entre valores ou variáveis.
Calcular Comparar Decidir
Operações matemáticas e aritméticas Avaliar relações entre valores Combinar condições e tomar decisões
VISÃO GERAL
7 Categorias de Operadores
Aritméticos Comparação Lógicos
Cálculos matemáticos Comparar valores Combinar condições
Atribuição Incremento/Decremento Ternário
Atribuir valores Aumentar ou diminuir If resumido
typeof
Identificar tipo de dado
1. Operadores Aritméticos
Utilizados para realizar cálculos matemáticos diretamente no código.
Tabela de Operadores Aritméticos
Operador Função Exemplo Resultado
+ Soma 5+2 7
- Subtração 5-2 3
* Multiplicação 5*2 10
/ Divisão 10 / 2 5
% Resto da divisão 10 % 3 1
** Potência 2 ** 3 8
Exemplo Prático — Aritméticos
Onde aplicar?
let valor1 = 10;
let valor2 = 5;
💰 Sistemas 🧮 Calculadoras
[Link](valor1 + valor2); // 15
Financeiros
[Link](valor1 - valor2); // 5
[Link](valor1 * valor2); // 50
[Link](valor1 / valor2); // 2
📦 Controle de 🎮 Jogos
Estoque
2. Operadores de
Comparação
Servem para comparar valores e retornam sempre true ou false como
resultado.
Tabela de Operadores de Comparação
Operador Significado Exemplo Resultado
== Igual (valor) 5 == "5" true
=== Estritamente igual (valor e 5 === 5 true
tipo)
!= Diferente 5 != 3 true
!== Estritamente diferente 5 !== "5" true
> Maior que 10 > 5 true
< Menor que 5 < 10 true
>= Maior ou igual 10 >= 10 true
<= Menor ou igual 5 <= 8 true
== vs === — Qual a Diferença?
Prefira sempre === (estritamente igual) para evitar comparações inesperadas entre
tipos diferentes de dados.
Exemplo Prático
let idade = 18;
[Link](idade >= 18); // true
Onde Aplicar Comparações?
Sistemas de Login Verificação de Idade Aprovação de Alunos
Verificar se usuário e senha coincidem Checar se o usuário tem a idade mínima Comparar notas com a média mínima
com o cadastro. para acessar um conteúdo. para aprovar ou reprovar.
3. Operadores Lógicos
Usados para combinar duas ou mais condições e tomar decisões mais
complexas no código.
Os Três Operadores Lógicos
&& — AND (E) || — OR (OU) ! — NOT (NÃO)
Retorna true somente se ambas as Retorna true se pelo menos uma Inverte o valor lógico de uma
condições forem verdadeiras. condição for verdadeira. condição.
true && true // true true || false // true !true // false
true && false // false false || false// false !false // true
Exemplo Prático — Operadores Lógicos
Onde aplicar?
let usuario = "admin";
let senha = "123";
🔐 Autenticação
if (usuario === "admin" && senha === "123") { Verificar usuário e senha simultaneamente
[Link]("Login realizado");
}
📋 Regras de Negócio
Ambas as condições precisam ser verdadeiras Combinar múltiplas condições
para que o login seja autorizado.
🛡️ Segurança
Validar permissões de acesso
4. Operadores de Atribuição
Servem para atribuir e atualizar valores armazenados em variáveis de
forma prática e concisa.
Tabela de Operadores de Atribuição
Exemplo Prático
Operador Equivale a Exemplo
= Atribuição x = 10 let pontos = 10;
simples
pontos += 5;
+= x=x+5 x += 5 [Link](pontos); // 15
-= x=x-2 x -= 2 pontos -= 3;
[Link](pontos); // 12
*= x=x*3 x *= 3
/= x=x/2 x /= 2 Onde aplicar?
🎮 Jogos e sistemas de pontuação
💳 Controle financeiro
📦 Gestão de estoque
5. Incremento e Decremento
Operadores que aumentam ou diminuem automaticamente o valor de
uma variável em 1 unidade.
++ e -- na Prática
Exemplo Prático
++ Incremento -- Decremento
Adiciona +1 ao valor atual Subtrai -1 do valor atual da let contador = 0;
da variável. variável.
contador++;
[Link](contador); // 1
let x = 5; let x = 5;
x++; x--;
contador++;
// x agora é 6 // x agora é 4
[Link](contador); // 2
contador--;
[Link](contador); // 1
Onde aplicar?
🔁 Loops e repetições
📄 Controle de páginas
📦 Sistemas de estoque
6. Operador Ternário
Uma forma resumida e elegante de escrever um if/else em uma única
linha.
Sintaxe do Operador Ternário
Condição
Verdadeiro
Falso
A sintaxe segue o padrão: condição ? valorSeVerdadeiro : valorSeFalso — tornando o código mais conciso e legível.
Exemplo Prático — Operador Ternário
Com if/else tradicional Com operador ternário ✨
let idade = 20; let idade = 20;
if (idade >= 18) { let resultado = idade >= 18
resultado = "Maior de idade"; ? "Maior de idade"
} else { : "Menor de idade";
resultado = "Menor de idade";
} [Link](resultado);
O operador ternário é ideal para validações rápidas em interfaces e sistemas simples de decisão.
7. Operador typeof
Identifica o tipo de dado armazenado em uma variável — essencial para
validação e depuração de código.
typeof em Ação
Exemplos de uso Tipos retornados pelo typeof
let nome = "Carlos"; Tipo Retorno
[Link](typeof nome);
Texto "string"
// "string"
Número "number"
let idade = 25;
[Link](typeof idade); Booleano "boolean"
// "number"
Sem valor "undefined"
let ativo = true;
Objeto/null "object"
[Link](typeof ativo);
// "boolean"
Função "function"
let vazio;
Onde aplicar?
[Link](typeof vazio);
// "undefined" ✅ Validação de dados em formulários
🛡️ Segurança de sistemas
🐛 Debug e depuração
Resumo Geral dos Operadores
Categoria Operadores Finalidade
Aritméticos +, -, *, /, %, ** Cálculos matemáticos
Comparação ==, ===, !=, !==, >, <, >=, <= Comparar valores
Lógicos &&, ||, ! Combinar condições
Atribuição =, +=, -=, *=, /= Atribuir/atualizar valores
Incremento ++, -- Aumentar ou diminuir em 1
Ternário ?: If resumido em uma linha
Tipo typeof Identificar tipo de dado
Aplicações no Mundo Real
Sistemas Financeiros Autenticação Jogos Formulários Web
Aritméticos e atribuição para Comparação e lógicos para Incremento e atribuição para typeof e comparação para
calcular saldo, juros e validar credenciais e controlar pontuação, vidas e validar e classificar dados de
transações. permissões de acesso. progresso. entrada.
Boas Práticas com Operadores
1 2
Prefira === ao == Use ternário com moderação
Evita comparações inesperadas entre tipos diferentes de Ótimo para casos simples; evite aninhar vários ternários,
dados. pois dificulta a leitura.
3 4
Valide tipos com typeof Cuidado com o %
Antes de operar sobre um valor desconhecido, verifique O resto da divisão é poderoso para verificar números
seu tipo para evitar erros. pares/ímpares e ciclos.
Dica Extra: Curto-Circuito com && e ||
O que é curto-circuito? Uso prático com ||
JavaScript para de avaliar uma expressão lógica assim que o
resultado já está definido — economizando processamento. let nome = usuario || "Visitante";
// Se usuario for vazio ou null,
// usa "Visitante" como padrão
// && para de avaliar se o
// primeiro for false
false && executarFuncao(); Uso prático com &&
// || para de avaliar se o let logado = true;
// primeiro for true logado && mostrarPainel();
true || executarFuncao(); // Só executa se logado for true
Esse padrão é muito usado em React e outras
bibliotecas modernas de JavaScript.
Exercite o que Aprendeu
🧮 Desafio 1 🔐 Desafio 2 🎮 Desafio 3
Crie duas variáveis numéricas e Simule um sistema de login usando Crie um contador de pontos usando
exiba no console o resultado de operadores lógicos e de incremento e atribuição, e exiba se
todas as operações aritméticas comparação para validar usuário e o jogador passou de fase com o
entre elas. senha. operador ternário.
Continue Praticando!
Os operadores são a base de toda lógica em JavaScript. Quanto mais
você praticar, mais natural se tornará combiná-los para resolver
problemas reais.
Estude a documentação MDN
Pratique no console do navegador
Construa pequenos projetos
Referência Rápida
Guarde este resumo para consultar sempre que precisar!
Aritméticos Comparação
+ - * / % ** == === != !== > < >= <=
Lógicos Atribuição
&& || ! = += -= *= /=
Incremento Ternário & Tipo
++ -- ? : typeof
Você dominou os
Operadores em JavaScript!
Agora você tem as ferramentas fundamentais para escrever lógica real
em seus programas. O próximo passo é praticá-los em projetos e
combiná-los com estruturas de controle como if, for e while.
BONS ESTUDOS! JAVASCRIPT PARA INICIANTES