W tym samouczku dowiesz się o różnych operatorach dostępnych w JavaScript i jak ich używać, korzystając z przykładów.
Co to jest operator?
W JavaScript operator jest specjalnym symbolem używanym do wykonywania operacji na operandach (wartościach i zmiennych). Na przykład,
2 + 3; // 5
Oto +operator, który wykonuje dodawanie 2i 3są operandami.
Typy operatorów JavaScript
Oto lista różnych operatorów, których nauczysz się w tym samouczku.
- Operatory przypisania
- Operatory arytmetyczne
- Operatory porównania
- Operatory logiczne
- Operatory bitowe
- Operatory łańcuchowe
- Inni operatorzy
Operatory przypisania JavaScript
Operatory przypisania służą do przypisywania wartości zmiennym. Na przykład,
const x = 5;
Tutaj =operator jest używany do przypisywania wartości 5zmiennej x.
Oto lista często używanych operatorów przypisania:
| Operator | Nazwa | Przykład |
|---|---|---|
= | Operator przypisania | a = 7; // 7 |
+= | Zadanie dodatkowe | a += 5; // a = a + 5 |
-= | Przypisanie odejmowania | a -= 2; // a = a - 2 |
*= | Przypisywanie mnożenia | a *= 3; // a = a * 3 |
/= | Przypisanie działu | a /= 2; // a = a / 2 |
%= | Przydział pozostałej części | a %= 2; // a = a % 2 |
**= | Przypisanie potęgowania | a **= 2; // a = a**2 |
Uwaga: często używanym operatorem przypisania jest =. Będzie zrozumieć innych operatorów przypisania takie jak +=, -=, *=itp raz uczymy operatorów arytmetycznych.
Operatory arytmetyczne JavaScript
Operatory arytmetyczne służą do wykonywania obliczeń arytmetycznych . Na przykład,
const number = 3 + 5; // 8
Tutaj +operator jest używany do dodania dwóch operandów.
| Operator | Nazwa | Przykład |
|---|---|---|
+ | Dodanie | x + y |
- | Odejmowanie | x - y |
* | Mnożenie | x * y |
/ | Podział | x / y |
% | Reszta | x % y |
++ | Przyrost (przyrost o 1) | ++x lub x++ |
-- | Zmniejszenie (zmniejszenie o 1) | --x lub x-- |
** | Potęgowanie (potęga) | x ** y |
Przykład 1: Operatory arytmetyczne w JavaScript
let x = 5; let y = 3; // addition console.log('x + y = ', x + y); // subtraction console.log('x - y = ', x - y); // multiplication console.log('x * y = ', x * y); // division console.log('x / y = ', x / y); // remainder console.log('x % y = ', x % y); // increment console.log('++x = ', ++x); // x is now 6 console.log('x++ = ', x++); // x returns 6 and then increases by 1 console.log('x = ', x); // decrement console.log('--x = ', --x); // x is now 6 console.log('x-- = ', x--); // x returns 6 and then increases by 1 console.log('x = ', x); //exponentiation console.log('x ** y =', x ** y);
Odwiedź ++ and - operator, aby dowiedzieć się więcej.
Wynik
x + y = 8 x - y = 2 x * y = 15 x / y = 1,6666666666666667 x% y = 2 ++ x = 6 x ++ = 6 x = 7 --x = 6 x-- = 6 x = 5 x ** y = 125
Uwaga : Operator ** został wprowadzony w EcmaScript 2016 i niektóre przeglądarki mogą go nie obsługiwać. Aby dowiedzieć się więcej, odwiedź stronę dotyczącą obsługi przeglądarki potęgującej JavaScript.
Operatory porównania JavaScript
Operatory porównania porównać dwie wartości i zwracają wartość logiczną, albo truealbo false. Na przykład,
const a = 3, b = 2; console.log(a> b); // true
Tutaj operator porównania >jest używany do porównania, czy a jest większe niż b.
| Operator | Opis | Przykład |
|---|---|---|
== | Równe : zwraca, truejeśli operandy są równe | x == y |
!= | Nie równe : zwraca, truejeśli operandy nie są równe | x != y |
=== | Ścisłe równe : truejeśli operandy są równe i tego samego typu | x === y |
!== | Ścisłe nie równe : truejeśli operandy są równe, ale różnego typu lub w ogóle nie są równe | x !== y |
> | Większy niż : truejeśli lewy operand jest większy niż prawy operand | x> y |
>= | Większe lub równe : truejeśli lewy operand jest większy lub równy prawemu operandowi | x>= y |
< | Mniejsze niż : truejeśli lewy operand jest mniejszy niż prawy operand | x < y |
<= | Mniejsze lub równe : truejeśli lewy operand jest mniejszy lub równy prawemu operandowi | x <= y |
Przykład 2: Operatory porównania w JavaScript
// equal operator console.log(2 == 2); // true console.log(2 == '2'); // true // not equal operator console.log(3 != 2); // true console.log('hello' != 'Hello'); // true // strict equal operator console.log(2 === 2); // true console.log(2 === '2'); // false // strict not equal operator console.log(2 !== '2'); // true console.log(2 !== '2'); // false
Output
true true true true true false false true
Comparison operators are used in decision making and loops. You will learn about the use of comparison operators in detail in later tutorials.
JavaScript Logical Operators
Logical operators perform logical operations and return a boolean value, either true or false. For example,
const x = 5, y = 3; (x < 6) && (y < 5); // true
Here, && is the logical operator AND. Since both x < 6 and y < 5 are true, the result is true.
| Operator | Description | Example |
|---|---|---|
&& | Logical AND: true if both the operands are true, else returns false | x && y |
|| | Logical OR: true if either of the operands is true; returns false if both are false | x || y |
! | Logical NOT: true if the operand is false and vice-versa. | !x |
Example 3: Logical Operators in JavaScript
// logical AND console.log(true && true); // true console.log(true && false); // false // logical OR console.log(true || false); // true // logical NOT console.log(!true); // false
Output
true false true false
Logical operators are used in decision making and loops. You will learn about the use of logical operators in detail in later tutorials.
JavaScript Bitwise Operators
Bitwise operators perform operations on binary representations of numbers.
| Operator | Description |
|---|---|
& | Bitwise AND |
| | Bitwise OR |
^ | Bitwise XOR |
~ | Bitwise NOT |
<< | Left shift |
>> | Sign-propagating right shift |
>>> | Zero-fill right shift |
Bitwise operators are rarely used in everyday programming. If you are interested, visit JavaScript Bitwise Operators to learn more.
JavaScript String Operators
In JavaScript, you can also use the + operator to concatenate (join) two or more strings.
Example 4: String operators in JavaScript
// concatenation operator console.log('hello' + 'world'); let a = 'JavaScript'; a += ' tutorial'; // a = a + ' tutorial'; console.log(a);
Output
helloworld JavaScript tutorial
Uwaga: gdy +jest używany z ciągami, wykonuje konkatenację. Jednak gdy +jest używany z liczbami, wykonuje dodawanie.
Inne operatory JavaScript
Oto lista innych operatorów dostępnych w JavaScript. Dowiesz się o tych operatorach w późniejszych samouczkach.
| Operator | Opis | Przykład |
|---|---|---|
, | oblicza wiele operandów i zwraca wartość ostatniego operandu. | let a = (1, 3 , 4); // 4 |
?: | zwraca wartość na podstawie warunku | (5> 3) ? 'success' : 'error'; // "success" |
delete | usuwa właściwość obiektu lub element tablicy | delete x |
typeof | zwraca łańcuch wskazujący typ danych | typeof 3; // "number" |
void | odrzuca wartość zwracaną przez wyrażenie | void(x) |
in | zwraca, truejeśli określona właściwość znajduje się w obiekcie | prop in object |
instanceof | zwraca, truejeśli określony obiekt należy do określonego typu | object instanceof object_type |
