W tym samouczku dowiesz się o operatorach porównania i operatorach logicznych na podstawie przykładów.
Operatory porównania JavaScript
Operatory porównania porównują dwie wartości i zwracają wartość logiczną: albo truelub false. Operatory porównania są używane podczas podejmowania decyzji i pętli.
| Operator | Opis | Przykład |
|---|---|---|
== | Równe : truejeśli operandy są równe | 5==5; //true |
!= | Nie równe : truejeśli operandy nie są równe | 5!=5; //false |
=== | Ścisłe równe : truejeśli operandy są równe i tego samego typu | 5==='5'; //false |
!== | Ścisłe nie równe : truejeśli operandy są równe, ale różnego typu lub w ogóle nie są równe | 5!=='5'; //true |
> | Większe niż : truejeśli lewy operand jest większy niż prawy operand | 3>2; //true |
>= | Większe lub równe : truejeśli lewy operand jest większy lub równy prawemu operandowi | 3>=3; //true |
< | Mniejsze niż : truejeśli lewy operand jest mniejszy niż prawy operand | 3<2; //false |
<= | Mniejsze lub równe : truejeśli lewy operand jest mniejszy lub równy prawemu operandowi | 2<=2; //true |
Przykład 1: równe operatorowi
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
==oblicza się, truejeśli operandy są równe.
Uwaga : w JavaScript ==jest operatorem porównania, natomiast =jest operatorem przypisania. Jeśli omyłkowo użyjesz =zamiast ==, możesz uzyskać niepożądany wynik.
Przykład 2: Nie równa się operatorowi
const a = 3, b = 'hello'; // not equal operator console.log(a != 2); // true console.log(b != 'Hello'); // true
!=oblicza, truejeśli operandy nie są równe.
Przykład 3: Ścisłe równe operatorowi
const a = 2; // strict equal operator console.log(a === 2); // true console.log(a === '2'); // false
===oblicza się, truejeśli operandy są równe i tego samego typu. Tutaj 2 i 2 to te same liczby, ale typ danych jest inny. A ===także sprawdza typ danych podczas porównywania.
Uwaga : różnica między ==i ===polega na tym, że:
==oblicza wartość, truejeśli operandy są równe, jednak ===obliczana jest truetylko wtedy, gdy operandy są równe i tego samego typu
Przykład 4: Ścisłe, a nie równe operatorowi
const a = 2, b = 'hello'; // strict not equal operator console.log(a !== 2); // false console.log(a !== '2'); // true console.log(b !== 'Hello'); // true
!==zwraca wartość, truejeśli operandy nie są dokładnie równe. Jest całkowitym przeciwieństwem ściśle równych ===.
W powyższym przykładzie 2 != '2'daje true. Dzieje się tak, ponieważ ich typy są różne, mimo że mają tę samą wartość.
Przykład 5: Większe niż operator
const a = 3; // greater than operator console.log(a> 2); // true
>oblicza się, truejeśli lewy operand jest większy niż prawy operand.
Przykład 6: Większe lub równe operatorowi
const a = 3; // greater than or equal operator console.log(a>= 3); //true
>=oblicza, truejeśli lewy operand jest większy lub równy prawemu operandowi.
Przykład 7: Mniejsze niż operator
const a = 3, b = 2; // less than operator console.log(a < 2); // false console.log(b < 3); // true
<oblicza, truejeśli lewy operand jest mniejszy niż prawy operand.
Przykład 8: Mniejsze lub równe operatorowi
const a = 2; // less than or equal operator console.log(a <= 3) // true console.log(a <= 2); // true
<=oblicza, truejeśli lewy operand jest mniejszy lub równy prawemu operandowi.
Operatory logiczne JavaScript
Operatory logiczne wykonują operacje logiczne: AND , OR i NOT .
| Operator | Opis | Przykład |
|---|---|---|
&& | Logiczne AND : truejeśli oba operandy / wartości boolowskie są prawdziwe, w przeciwnym razie oblicza sięfalse | true && false; // false |
|| | Logiczne LUB : truejeśli którykolwiek z operandów / wartości logicznych to true. ocenia się, falsejeśli oba sąfalse | true || false; // true |
! | Logiczne NIE : truejeśli operand jest falsei odwrotnie. | !true; // false |
Przykład 9: Operator logiczny AND
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
&&oblicza się na, truejeśli oba operandy są true, w przeciwnym razie oblicza false.
Uwaga: możesz również użyć operatorów logicznych z liczbami. W JavaScript 0 to falsei wszystkie niezerowe wartości są true.
Przykład 10: Operator logiczny OR
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
||trueprzyjmuje wartość, jeśli którykolwiek z operandów jest true. Jeśli oba operandy są false, wynikiem jest false.
Przykład 11: Operator logiczny NOT
const a = true, b = false; // logical NOT console.log(!a); // false console.log(!b); // true
!oblicza, truejeśli operand jest falsei odwrotnie.
