Page cover

7.3.1 - Operadores

🧠💡 Mergulhando Mais Fundo: Tudo Sobre Operadores!

🧠💡 Mergulhando Mais Fundo: Tudo Sobre Operadores!

Agora que você já conhece os operadores básicos, que tal dar um mergulho mais profundo? 🌊 Vamos entender como eles funcionam por trás dos panos, evitar erros comuns, aprender boas práticas e ainda encarar desafios! 💪🔥


⚙️ Como os Operadores Funcionam no Computador?

Por baixo dos panos, o computador transforma tudo em números binários (0s e 1s). Os operadores são instruções que dizem ao processador o que fazer com esses números.

Por exemplo:

let resultado = 3 + 2;

🔍 Aqui, o computador pega os valores, converte para binário, soma e guarda o resultado na memória.

🔢 Importante: o tipo dos dados importa! Operações com strings e números se comportam diferente:

Por exemplo:

console.log("3" + 2); // Resultado: "32" (concatenação, não soma!)

📚 Precedência de Operadores (Quem vem primeiro?)

Imagine uma fila de prioridades. Alguns operadores têm mais prioridade que outros, e são executados primeiro.

🔝 Ordem de precedência (do maior para o menor):

  1. () Parênteses

  2. ++, --, ! (unários)

  3. *, /, %

  4. +, -

  5. Comparações: >, <, >=, <=

  6. Igualdade: ==, !=, ===, !==

  7. Lógicos: &&, ||

  8. Atribuições: =, +=, -= etc.

  9. Operador ternário ? :

💡 Dica: use parênteses para deixar seu código claro!

console.log(2 + 3 * 4);      // Resultado: 14
console.log((2 + 3) * 4);    // Resultado: 20 (parênteses mudaram tudo!)

⚠️ Erros Comuns Para Evitar

🔸 Confundir == com ===:

5 == "5"   // true (compara só o valor)
5 === "5"  // false (compara valor E tipo)

✅ Use === sempre que possível para evitar surpresas!


🔸 Concatenar sem querer:

let resultado = "10" + 5; 
console.log(resultado); // "105" (não é soma!)

📌 Converta para número quando necessário:

let resultado = Number("10") + 5; // 15

🔸 Usar = em vez de == em comparações:

if (x = 5) { ... } // ERRO: isso é uma atribuição, não uma comparação!

✅ Correto:

if (x === 5) { ... }

✅ Boas Práticas

🌟 Sempre use === e !== 🌟 Deixe o código legível com parênteses 🌟 Evite abreviações confusas com operadores 🌟 Use nomes de variáveis claros e significativos

// Ruim ❌
if (a + b * c < d) return x;

// Bom ✅
let total = a + (b * c);
if (total < d) return x;

🧪 Exercícios Resolvidos

1️⃣ Qual o resultado?

console.log(2 + "3");

🎯 Resultado: "23" 👉 Porque o + com uma string faz concatenação.


2️⃣ E agora?

console.log(5 == "5");   // ?
console.log(5 === "5");  // ?

🎯 Resposta:

  • true (valores iguais)

  • false (tipos diferentes)


🎯 Desafios Para Você Tentar

🔹 Desafio 1: Idade permitida?

Peça uma idade e diga se a pessoa pode entrar em uma festa para maiores de 18.

Use o operador ternário!


🔹 Desafio 2: Par ou Ímpar?

Escreva uma função que recebe um número e retorna se ele é par ou ímpar.


🚀 Conclusão

Operadores são o coração da lógica de programação. Eles permitem que você escreva código que pensa, decide e reage.

Com prática e atenção, você vai dominar isso rapidinho! 👊😎

🛠️ Bora praticar, errar e aprender! 💬 Se tiver dúvidas, pergunte! Se errar, tente de novo. É assim que se cresce na tecnologia!

Last updated