Desigualdade por valor e tipo em JavaScript

Além do operador !=, também existe o operador !==, que leva o tipo em consideração na comparação. Vamos examinar as diferenças entre eles com exemplos.

Suponha que dois números 3 sejam comparados usando o operador !=. Este operador compara os valores para ver se eles NÃO são iguais. Como nossos valores são, de fato, iguais, então a condição será falsa:

javascriptif (3 != 3) {
  console.log('+++');
} else {
  console.log('---'); // isso será executado
}

Agora, suponha que um dos nossos valores esteja entre aspas. Neste caso, o operador != ainda os considerará iguais (pois o valor coincide, e o tipo não é importante para este operador) e, novamente, a condição será falsa:

javascriptif ('3' != 3) {
  console.log('+++');
} else {
  console.log('---'); // isso será executado
}

Agora, vamos comparar dois números 3 usando o operador !==. Ele também os considerará iguais:

javascriptif (3 !== 3) {
  console.log('+++');
} else {
  console.log('---'); // isso será executado
}

Mas se agora colocarmos um dos '3' entre aspas, então o operador !== considerará nossos '3' como diferentes, pois, embora seus valores coincidam, seus tipos são diferentes:

javascriptif ('3' !== 3) {
  console.log('+++'); // isso será executado
} else {
  console.log('---');
}

javascriptlet test1 = '3';
let test2 = '3';
    
if (test1 != test2) {
  console.log('+++');
} else {
  console.log('---');
}

javascriptlet test1 = '3';
let test2 = '3';
    
if (test1 !== test2) {
  console.log('+++');
} else {
  console.log('---');
}

javascriptlet test1 = 3;
let test2 = '3';
    
if (test1 != test2) {
  console.log('+++');
} else {
  console.log('---');
}

javascriptlet test1 = 3;
let test2 = '3';
    
if (test1 !== test2) {
  console.log('+++');
} else {
  console.log('---');
}

javascriptlet test1 = 3;
let test2 = 2;
    
if (test1 !== test2) {
  console.log('+++');
} else {
  console.log('---');
}