Operadores de Comparação em JS: == , != , > , >= , < e <=

Neste tutorial de nosso Curso de JavaScript, vamos aprender sobre os operadores de comparação.
São eles:

  • == (igualdade)
  • !=  (desiguldade)
  • >   (maior que)
  • >= (maior ou igual)
  • <   (menor)
  • <= (menor ou igual)

Vamos ver o que são, para que servem, onde estão usados e, claro, vamos aprender a usar eles com exemplos de código!

Tutorial anterior: Como receber um valor do usuário via formulário de input e usar no JavaScript

Comparação em JavaScript

Quando estudamos as operações matemáticas em JS, aprendemos sobre os operadores de atribuição, pois sempre que usamos eles, estávamos fazendo uma atribuição.

Por exemplo:
var idade = 21 ;

Esse operador, de igualdade, está atribuindo o valor 21 para a variável idade.
É como se você desse uma ordem ao JavaScript.

Agora, em vez de dar uma ordem, vamos fazer perguntas ao JavaScript.
Porém ele tem uma peculiaridade: só responde True ou False.
Ou seja, ele só responde Verdadeiro ou Falso, o JS é um bicho bem direto.

Para fazer essas perguntas, usaremos 6 operadores, os ditos comparison operators, que são:

  1. ==
  2. !=
  3. >
  4. >=
  5. <
  6. <=


Operador de igualdade: ==
Este operador é usado para saber se dois valores são iguais.
Se for, o JavaScript te responde com true e se não forem, com false.

Se digitar no console do JS: 1 == 1
Ele retorna um verdadeiro.

Já se digitar: 1 == 2
Ele retorna falso.

Veja:
Tutorial de JavaScript sobre operador de comparação

Diferença entre comparação e atribuição: = e ==

É bem comum e bem fácil as pessoas se confundirem entre atribuir e comparar.
Por exemplo, ao usar os operadores = e ==

Quando fazemos: a = b ;
Estamos dizendo: "Ei JS, faça com que a receba o valor de b, é uma ordem!"

Já quando fazemos: a == b ;
Estamos dizendo: "Ei, JS a é igual b ????"

Ou seja, quando atribuímos, damos uma ordem, o JavaScript obedece e ponto final, acabou.
Porém, quando fazemos uma comparação, estamos fazendo uma pergunta.

E o que você espera quando faz uma pergunta? Uma resposta.
E é isso que o JS faz: te dá uma resposta, responde true ou false, ou seja, a comparação tem um retorno, sempre, ok?

Operador de diferente: !=

O operador de diferente é o != e ele retorna true quando dois valores que estamos comparados são diferentes e retorna false quando eles são diferentes!

Ou seja, != é o contrário de ==
Vejamos alguns exemplos:
Tutorial de JavaScript sobre operadores de comparação


É possível também comparar um número com um caractere de um número, por exemplo:
1 == '1' : retorna true, pois o JS converte o caractere '1' em número 1 e compara.

Operador de maior que: >

Agora os próximos operadores são os mesmo que você já aprendeu na escola.
O > é o símbolo de 'maior que'.

Quando fazemos: a > b
O JS retorna verdadeiro se o valor de a for maior que de b, apenas.

Se for igual ou menor, retorna false. Teste no console:

2 > 1 : true
2 > 2 : false
2 > 3 : false

O JavaScript é tão esperto, que compara até strings:
'b' > 'a' : true
'b' > 'c' : false

Ou seja, ele comparou ordem alfabética! Que sabido!

Operador maior ou igual: >=

Esse operador retorna verdadeiro caso um valor seja igual ou maior que o outro.
Só retorna falso se for menor:

2 >= 1: true
2 >= 2: true
2 >= 3: false

Bem simples e óbvio.

Operador menor: <

Se entendeu o operador de maior, facilmente vai entender esse.

a < b
Retorna verdadeiro caso o valor de a seja menor que b, e falso em todo caso contrário (se a for igual a b ou se for maior que b)

1 < 1 : false
1 < 2 : true

Operador menor ou igual: <=

No operador de menor ou igual, o JS retorna true caso o primeiro valor seja menor ou até se for igual. Só vai retorna false se o primeiro valor for maior que o segundo:

1 <= 1 : true
1 <= 2 : true
1 <= 0 : false


Exercício 1 de JavaScript

Crie uma página web com um código JavaScript que tenha a mesma funcionalidade do script abaixo:


==
!=  
  >  
>=
  <  
<=


Ou seja, o usuário vai digitar os dois valores, em cada caixinha, de cada comparação e clicar em 'Comparar' e ver se o resultado da comparação é true ou false.

Exercício 2 de JavaScript

Uma das características mais importantes de um programador, é saber pesquisar, fuçar e descobrir as coisas por conta própria.

Descubra como ver o código fonte de uma página. Em seguida, veja o desta página e ache o código HTML + JS do script anterior.

Agora vamos seguir, que a próxima lição é uma das mais importantes de nosso Curso de JavaScript.
Vamos aprender sobre o teste condicional IF.

Nenhum comentário:

Postar um comentário