Como funcionam os operadores de comparação

Eles estão em todo o lugar no código ⚖️.

Seja, no if, no while, do while, filtros, buscas, validações e por aí vai. 🎈

⛳️ Dica rápida: Comparações se leem da esquerda para direita. Lembre disso!

Boa leitura. 🚀

O que são operadores de comparação?

Programas precisam comparar valores o tempo todo. No exemplo da balança, comparamos duas quantidades:

A quantidade A é maior, menor ou igual à quantidade B?

Na programação, usamos operadores de comparação para fazer esse tipo de pergunta.

Por exemplo:

const a = 2;
const b = 3;

console.log(a < b);

O resultado é true, porque 2 é menor que 3.

Então o papel dos comparadores é fazer perguntas ao programa, e a resposta sempre será:

True → que signfica verdadeiro, ou False → que significa falso.

Os principais comparadores

Os comparadores mais comuns são:

Vamos entender cada um.

Maior que >

O operador > verifica se o valor da esquerda é maior que o valor da direita.

const idade = 20;

console.log(idade > 18);

Idade é maior que 18, logo é true.

Se fizermos:

const idade = 16;

console.log(idade > 18);

O resultado será false.

Menor que <

O operador < verifica se o valor da esquerda é menor que o valor da direita.

const temperatura = 15;

console.log(temperatura < 20);

A comparação está fazendo a pergunta: "15 é menor que 20?" E a resposta é true, porque a variável temperatura é menor que 20.

Maior ou igual >=

Com >= a pergunta é feita: o valor é maior ou igual?

Essa regra permite que o valor da esquerda seja maior ou igual a valor comparado.

Por exemplo:

Para ganhar, o jogador precisa fazer 100 pontos ou mais.

Podemos escrever:

const pontos = 100;

console.log(pontos >= 100);

O resultado é true, porque o jogador possui 100 pontos. E 100 é igual a 100.

No exemplo abaixo, também seria true, sendo pontos maior que 100.

const pontos = 120;

console.log(pontos >= 100);

Menor ou igual <=

O operador <= funciona da mesma maneira, mas verificando se o valor é menor ou igual.

const idade = 18;

console.log(idade <= 18);

O resultado é true, porque idade é igual a 18.

E tanto 17 quanto 18 retornarão true:

console.log(17 <= 18);
console.log(18 <= 18);

Igual ==

Esse é o operador que verifica se dois valores são iguais.

const pontos = 100;

console.log(pontos == 100);

Retorna true e se for diferente, retorna false.

Diferente !=

O operador != faz o contrário.

Ele verifica se dois valores são diferentes.

const pontos = 80;

console.log(pontos != 100);

A pergunta seria:

80 é diferente de 100?

Sim, logo é true.

Comparadores dentro do if

Comparadores são especialmente úteis quando combinados com condições.

Por exemplo:

const idade = 20;

if (idade >= 18) {
  console.log("Pode entrar.");
}

O comparador cria a condição:

idade >= 18

O if usa o resultado dessa comparação para decidir o que fazer.

Podemos visualizar assim:

Essa combinação aparece em praticamente todos os tipos de programas.

Comparação + decisão é uma combinação fundamental.

Comparadores no mundo real

Os comparadores ajudam a transformar regras do mundo real em código.

Verificar estoque

Se houver mais de zero produtos, o produto está disponível.

const estoque = 5;

if (estoque > 0) {
  console.log("Produto disponível.");
}

Aplicar desconto

Se a compra for maior ou igual a 200, aplicar desconto.

const valorCompra = 250;

if (valorCompra >= 200) {
  console.log("Desconto aplicado.");
}

Verificar uma senha

Podemos comparar um valor recebido com um valor esperado:

const senha = "1234";

if (senha == "1234") {
  console.log("Senha correta.");
}

Verificar pontuação

Em um jogo:

const pontos = 120;

if (pontos >= 100) {
  console.log("Você ganhou 🏆");
}

Perceba que a estrutura é sempre parecida:

temos alguns valores → fazemos uma comparação → usamos o resultado para tomar uma decisão.

Comparações também funcionam com textos

Comparadores não servem apenas para números.

Também podemos comparar textos:

const nome = "João";

console.log(nome == "João"); // resultado é true

Podemos usar isso em condições:

const usuario = "joao";

if (usuario == "joao") {
  console.log("Usuário encontrado.");
}

Nesse caso, estamos perguntando:

O valor de usuario é igual a "joao"?

☢️ Não confunda = com ==

Essa é uma diferença importante:

= é usado para atribuir um valor.

const idade = 20;

Aqui estamos colocando 20 dentro da variável.

Já == é usado para comparar:

if (idade == 20)
    console.log("Tem 20 anos");

Aqui estamos perguntando:

idade é igual a 20?

Mas você já deve ter visto: === e !==

Até aqui estamos focando nos conceitos de programação, mas o JavaScript possui uma particularidade importante.

Além de ==, ele também possui ===.

A diferença é que === faz uma comparação mais rigorosa, considerando também o tipo do valor.

Por exemplo:

console.log(10 === 10); // retorno é true
console.log(10 === "10"); // retorno é false

Isso acontece porque 10 é um número, enquanto "10" é um texto.

Da mesma forma, !== verifica se os valores são diferentes considerando também o tipo.

console.log(10 !== "10"); // retorno é true

Esses operadores são específicos da linguagem JavaScript e podem ser estudados com mais detalhes depois.

Para entender o fundamento, o mais importante é perceber que estamos comparando valores para obter uma resposta verdadeira ou falsa.

Tabela pra consultar depois

Bons estudos 🚀

Até a próxima!

João.