Desigualdad por valor y tipo en JavaScript

Además del operador != también existe el operador !==, que tiene en cuenta el tipo al comparar. Veamos las diferencias entre ellos con ejemplos.

Supongamos que con el operador != se comparan dos números 3. Este operador compara los valores para ver si NO son iguales. Dado que nuestros valores sí son iguales, entonces la condición será falsa:

javascriptif (3 != 3) {
  console.log('+++');
} else {
  console.log('---'); // esto se ejecutará
}

Ahora supongamos que uno de nuestros valores está entre comillas. En este caso, el operador != igual los considerará iguales (porque coincide el valor, y el tipo no es importante para este operador) y de nuevo la condición será falsa:

javascriptif ('3' != 3) {
  console.log('+++');
} else {
  console.log('---'); // esto se ejecutará
}

Ahora comparemos dos números 3 con el operador !==. Él también los considerará iguales:

javascriptif (3 !== 3) {
  console.log('+++');
} else {
  console.log('---'); // esto se ejecutará
}

Pero si ahora ponemos uno de los tres entre comillas, entonces el operador !== considerará nuestros tres desiguales, porque, aunque sus valores coincidan, tienen tipos diferentes:

javascriptif ('3' !== 3) {
  console.log('+++'); // esto se ejecutará
} 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('---');
}