Ungleichheit nach Wert und Typ in JavaScript

Neben dem Operator != gibt es auch den Operator !==, der den Typ bei dem Vergleich berücksichtigt. Lassen Sie uns die Unterschiede zwischen ihnen anhand von Beispielen betrachten.

Angenommen, zwei Zahlen 3 werden mit dem Operator != verglichen. Dieser Operator vergleicht die Werte darauf, dass sie NICHT gleich sind. Da unsere Werte eben gleich sind, wird die Bedingung falsch sein:

javascriptif (3 != 3) {
  console.log('+++');
} else {
  console.log('---'); // das wird ausgeführt
}

Angenommen, einer unserer Werte steht jetzt in Anführungszeichen. In diesem Fall wird der Operator != sie trotzdem als gleich betrachten (da der Wert übereinstimmt, und der Typ für diesen Operator unwichtig ist) und die Bedingung wird wieder falsch sein:

javascriptif ('3' != 3) {
  console.log('+++');
} else {
  console.log('---'); // das wird ausgeführt
}

Lassen Sie uns jetzt zwei Zahlen 3 mit dem Operator !== vergleichen. Er wird sie ebenfalls als gleich betrachten:

javascriptif (3 !== 3) {
  console.log('+++');
} else {
  console.log('---'); // das wird ausgeführt
}

Wenn man jetzt aber eine der Dreien in Anführungszeichen setzt, dann wird der Operator !== unsere Dreien als ungleich betrachten, denn obwohl ihre Werte übereinstimmen, haben sie unterschiedliche Typen:

javascriptif ('3' !== 3) {
  console.log('+++'); // das wird ausgeführt
} 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('---');
}