JavaScript-Vergleich und logische Operatoren (mit Beispielen)

In diesem Tutorial lernen Sie anhand von Beispielen die Vergleichsoperatoren und logischen Operatoren kennen.

JavaScript-Vergleichsoperatoren

Vergleichsoperatoren vergleichen zwei Werte und geben einen booleschen Wert zurück: entweder trueoder false. Vergleichsoperatoren werden bei der Entscheidungsfindung und bei Schleifen verwendet.

Operator Beschreibung Beispiel
== Gleich : truewenn die Operanden gleich sind 5==5; //true
!= Nicht gleich : truewenn die Operanden nicht gleich sind 5!=5; //false
=== Streng gleich : truewenn die Operanden gleich und vom gleichen Typ sind 5==='5'; //false
!== Streng ungleich : truewenn die Operanden gleich, aber unterschiedlich oder überhaupt nicht gleich sind 5!=='5'; //true
> Größer als : trueWenn der linke Operand größer als der rechte Operand ist 3>2; //true
>= Größer oder gleich : trueWenn der linke Operand größer oder gleich dem rechten Operanden ist 3>=3; //true
< Kleiner als : trueWenn der linke Operand kleiner als der rechte Operand ist 3<2; //false
<= Kleiner oder gleich : truewenn der linke Operand kleiner oder gleich dem rechten Operanden ist 2<=2; //true

Beispiel 1: Gleich Operator

 const a = 5, b = 2, c = 'hello'; // equal to operator console.log(a == 5); // true console.log(b == '2'); // true console.log(c == 'Hello'); // false

==wertet aus, trueob die Operanden gleich sind.

Hinweis : Ist in JavaScript ==ein Vergleichsoperator, während =es sich um einen Zuweisungsoperator handelt. Wenn Sie versehentlich =anstelle von verwenden ==, erhalten Sie möglicherweise unerwünschte Ergebnisse.

Beispiel 2: Nicht gleich Operator

 const a = 3, b = 'hello'; // not equal operator console.log(a != 2); // true console.log(b != 'Hello'); // true

!=wird ausgewertet, truewenn die Operanden nicht gleich sind.

Beispiel 3: Streng gleich Operator

 const a = 2; // strict equal operator console.log(a === 2); // true console.log(a === '2'); // false

===wertet aus, trueob die Operanden gleich und vom gleichen Typ sind. Hier sind 2 und '2' die gleichen Zahlen, aber der Datentyp ist unterschiedlich. Und ===auch Kontrollen für den Datentyp , während verglichen wird .

Hinweis : Der Unterschied zwischen ==und ===besteht darin, dass:

==wird ausgewertet, truewenn die Operanden gleich sind, wird jedoch nur ===ausgewertet, truewenn die Operanden gleich und vom gleichen Typ sind

Beispiel 4: Streng ungleich Operator

  const a = 2, b = 'hello'; // strict not equal operator console.log(a !== 2); // false console.log(a !== '2'); // true console.log(b !== 'Hello'); // true

!==wird ausgewertet, truewenn die Operanden streng nicht gleich sind. Es ist das genaue Gegenteil von streng gleich ===.

Im obigen Beispiel 2 != '2'gibt true. Das liegt daran, dass ihre Typen unterschiedlich sind, obwohl sie den gleichen Wert haben.

Beispiel 5: Größer als Operator

 const a = 3; // greater than operator console.log(a> 2); // true

>wertet aus, trueob der linke Operand größer als der rechte Operand ist.

Beispiel 6: Größer als oder gleich Operator

 const a = 3; // greater than or equal operator console.log(a>= 3); //true

>=wertet aus, trueob der linke Operand größer oder gleich dem rechten Operanden ist.

Beispiel 7: Weniger als Operator

 const a = 3, b = 2; // less than operator console.log(a < 2); // false console.log(b < 3); // true

<wertet aus, trueob der linke Operand kleiner als der rechte Operand ist.

Beispiel 8: Weniger als oder gleich Operator

 const a = 2; // less than or equal operator console.log(a <= 3) // true console.log(a <= 2); // true

<=wertet aus, trueob der linke Operand kleiner oder gleich dem rechten Operanden ist.

Logische JavaScript-Operatoren

Logische Operatoren führen logische Operationen aus: AND , OR und NOT .

Operator Beschreibung Beispiel
&& Logisches UND : trueWenn beide Operanden / Booleschen Werte wahr sind, wird andernfalls ausgewertetfalse true && false; // false
|| Logisches ODER : trueWenn einer der Operanden / Booleschen Werte ist true. bewertet, falseob beide sindfalse true || false; // true
! Logisch NICHT : truewenn der Operand ist falseund umgekehrt. !true; // false

Beispiel 9: Logischer UND-Operator

 const a = true, b = false; const c = 4; // logical AND console.log(a && a); // true console.log(a && b); // false console.log((c> 2) && (c < 2)); // false

&&wird ausgewertet, truewenn beide Operanden sind true, andernfalls wird ausgewertet false.

Hinweis: Sie können auch logische Operatoren mit Zahlen verwenden. In JavaScript ist 0 falseund alle Werte ungleich Null sind true.

Beispiel 10: Logischer ODER-Operator

 const a = true, b = false, c = 4; // logical OR console.log(a || b); // true console.log(b || b); // false console.log((c>2) || (c<2)); // true

||wertet aus, trueob einer der Operanden ist true. Wenn beide Operanden sind false, ist das Ergebnis false.

Beispiel 11: Logischer NICHT-Operator

 const a = true, b = false; // logical NOT console.log(!a); // false console.log(!b); // true

!wertet aus, trueob der Operand ist falseund umgekehrt.

Interessante Beiträge...