Operadores de Comparação Javascript

Tempo de leitura: 4 minutos

Operadores de Comparação Javascript: Em JavaScript, os operadores de comparação são essenciais para realizar testes lógicos e tomar decisões em seus programas. Eles nos permitem comparar valores e determinar se são iguais, diferentes, maiores, menores ou se estão dentro de um determinado intervalo. Ao compreender os diferentes tipos de operadores de comparação e suas nuances, você poderá escrever código mais eficiente e preciso.

Neste artigo, vamos explorar em detalhes os operadores de comparação em JavaScript, suas características e como utilizá-los de forma eficaz.

Operadores de Comparação Básicos

Os operadores de comparação mais comuns em JavaScript são:

• Igualdade:
  • ==: Verifica se dois valores são iguais, realizando conversões de tipo se necessário.
  • ===: Verifica se dois valores são iguais e do mesmo tipo, sem realizar conversões.
• Desigualdade:
  • !=: Verifica se dois valores são diferentes, realizando conversões de tipo se necessário.
  • !==: Verifica se dois valores são diferentes ou de tipos diferentes, sem realizar conversões.
• Maior que: >
• Menor que: <
• Maior ou igual a: >=
• Menor ou igual a: <=

Exemplo:

JavaScript

let x = 10;
let y = "10";

console.log(x == y);  // true (conversão de tipo)
console.log(x === y); // false (tipos diferentes)

Por que usar === em vez de ==?

O operador === é geralmente preferível ao == porque ele evita comparações ambíguas causadas por conversões de tipo implícitas. Ao usar ===, você garante que os valores sejam exatamente iguais, tanto em valor quanto em tipo.

Operadores de Comparação e Tipos de Dados

A forma como os operadores de comparação funcionam pode variar dependendo dos tipos de dados que estão sendo comparados.

• Números: Comparações numéricas são diretas.
• Strings: As strings são comparadas caractere por caractere, de acordo com a ordem alfabética Unicode.
• Booleanos: true é considerado maior que false.
• Objetos: Ao comparar objetos, você está comparando suas referências na memória, não seus valores. Dois objetos podem ter as mesmas propriedades e valores, mas serão considerados diferentes se forem instâncias distintas.

Exemplo:

JavaScript

let obj1 = { name: "João" };
let obj2 = { name: "João" };

console.log(obj1 == obj2); // false (referências diferentes)

Operadores de Comparação e Valores null e undefined

Os valores null e undefined têm comportamentos específicos ao serem comparados:

• null: É estritamente igual apenas a si mesmo e a undefined usando o operador ===.
• undefined: É estritamente igual apenas a si mesmo e a null usando o operador ===.

Exemplo:

JavaScript

let x = null;
let y;

console.log(x == undefined); // true
console.log(x === undefined); // true
console.log(y === undefined); // true

Operadores de Comparação e NaN

NaN (Not a Number) é um valor especial que representa um resultado de uma operação matemática que não é um número. NaN não é igual a nenhum outro valor, nem mesmo a si mesmo.

JavaScript

let result = "abc" / 2; // NaN
console.log(isNaN(result)); // true
console.log(result === NaN); // false

Operadores de Comparação e Coerção

Quando você usa o operador ==, o JavaScript pode realizar coerção de tipos, ou seja, converter um tipo de dado em outro antes de realizar a comparação. Isso pode levar a resultados inesperados em alguns casos. Por exemplo:

JavaScript

console.log(1 == "1"); // true (a string "1" é convertida para o número 1)

Conclusão

Operadores de Comparação Javascript: Os operadores de comparação são fundamentais para a tomada de decisões em JavaScript. Ao entender as diferenças entre os operadores == e ===, e como os operadores de comparação funcionam com diferentes tipos de dados, você poderá escrever código mais preciso e evitar erros comuns.

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: