Operadores no Javascript: Em JavaScript, os operadores são símbolos especiais que permitem realizar cálculos, atribuir valores, e, crucialmente, comparar dados. Eles são a “cola” que conecta variáveis e valores, dando vida à lógica do seu programa.
Neste artigo, exploramos os principais tipos de operadores e as melhores práticas para utilizá-los de forma eficaz.
1. Operadores Aritméticos e de Atribuição
Estes operadores manipulam valores numéricos, sendo a base de qualquer cálculo.
A. Aritméticos
Além das quatro operações básicas (+, -, *, /), destacam-se:
- Módulo (
%): Retorna o resto da divisão. Útil para verificar se um número é par ou ímpar.JavaScriptlet resto = 10 % 3; // 1 - Incremento/Decremento (
++,--): Adiciona ou subtrai 1.JavaScriptlet contador = 5; contador++; // 6
B. Atribuição Composta
Eles combinam uma operação aritmética com a atribuição simples (=), economizando código.
| Operador | Equivalente a… | Exemplo | Valor Resultante |
+= | a = a + b | let a = 5; a += 3; | a agora é 8 |
-= | a = a - b | let a = 5; a -= 3; | a agora é 2 |
**= | a = a ** b | let a = 2; a **= 3; | a agora é 8 |
2. Operadores de Comparação: A Regra do ===
Operadores de comparação retornam sempre um valor Booleano (true ou false). O mais importante é entender a diferença entre igualdade fraca e estrita.
🚨 Igualdade Estrita (=== e !==)
Estes operadores comparam o valor E o tipo do dado. Eles não tentam realizar coerção de tipos e são a prática recomendada em JavaScript:
| Operador | Exemplo | Resultado | Explicação |
=== | 10 === "10" | false | Os valores são iguais, mas os tipos (Number vs. String) são diferentes. |
!== | 10 !== 10 | false | Valor e tipo são iguais (são ambos Number). |
Igualdade Fraca (== e !=)
Estes operadores tentam converter os tipos (coerção) antes de comparar, levando a resultados inesperados:
JavaScript
console.log(10 == "10"); // true (O JS converte "10" para o número 10)
console.log(null == undefined); // true (Regra específica do JS)
// EVITE USAR ESTES OPERADORES.
Operadores Relacionais
>,<,>=,<=: Comparação de ordem de grandeza.
3. Operadores Lógicos e Ternário
Estes operadores permitem combinar ou inverter expressões booleanas, controlando o fluxo do programa.
A. Lógicos
| Operador | Nome | Função | Exemplo |
&& | E (AND) | Retorna true se TODAS as expressões forem verdadeiras. | logado && isAdmin |
| || | OU (OR) | Retorna true se ALGUMA das expressões forem verdadeiras. | logado || isUSer |
! | Negação (NOT) | Inverte o valor Booleano. | !estaVazio |
B. Operador Ternário (? :)
É uma forma concisa de escrever uma expressão if/else que retorna um valor:
JavaScript
// Sintaxe: condição ? valor_se_verdadeiro : valor_se_falso
let status = idade >= 18 ? "Adulto" : "Menor";
4. Precedência de Operadores
A precedência define a ordem de avaliação das operações em uma expressão.
- Parênteses
()têm a maior precedência (sempre são avaliados primeiro). - Operadores Aritméticos (Ex:
*,/antes de+,-). - Operadores de Comparação.
- Operadores Lógicos (
&&antes de||).
JavaScript
// A multiplicação é feita primeiro (2 * 5 = 10)
let resultado = 3 + 2 * 5; // 13
// O parêntese força a soma a ser feita primeiro (3 + 2 = 5)
let resultado2 = (3 + 2) * 5; // 25
✅ Conclusão Operadores no Javascript
Os operadores são as ferramentas essenciais para construir a lógica em JavaScript. O conhecimento mais valioso é o uso disciplinado dos operadores de igualdade estrita (=== e !==) para prevenir bugs de coerção, e o domínio dos operadores lógicos para o controle de fluxo.
Toda jornada tem um início, e o início para se tornar um desenvolvedor web é dominar as seguintes tecnologias, que você encontra aqui mesmo:
E se você gosta do nosso conteúdo, não deixe de contribuir adquirindo os serviços e produtos dos nossos apoiadores e empresas que somos associados:
