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
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:
- ==
- !=
- >
- >=
- <
- <=
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:

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:
É 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.
Ótimo conteúdo!!!!!!!!!
ResponderExcluirÓtimo conteúdo e ótima didática
ResponderExcluirqueria saber o ou em javascript pq tá dando error no meu Código
ResponderExcluir