Dokumentacja operatorów JavaScript
Operatory JavaScript są używane do przypisywania wartości, porównywania wartości, wykonywania operacji arytmetycznych i nie tylko.
Operatory arytmetyczne JavaScript
Operatory arytmetyczne służą do wykonywania operacji arytmetycznych między zmiennymi i/lub wartościami.
Biorąc pod uwagę, że y = 5 , poniższa tabela wyjaśnia operatory arytmetyczne:
| Operator | Description | Example | Result in y | Result in x | Try it |
|---|---|---|---|---|---|
| + | Addition | x = y + 2 | y = 5 | x = 7 | |
| - | Subtraction | x = y - 2 | y = 5 | x = 3 | |
| * | Multiplication | x = y * 2 | y = 5 | x = 10 | |
| / | Division | x = y / 2 | y = 5 | x = 2.5 | |
| % | Modulus (division remainder) | x = y % 2 | y = 5 | x = 1 | |
| ++ | Increment | x = ++y | y = 6 | x = 6 | |
| x = y++ | y = 6 | x = 5 | |||
| -- | Decrement | x = --y | y = 4 | x = 4 | |
| x = y-- | y = 4 | x = 5 |
Samouczek dotyczący operatorów arytmetycznych można znaleźć w naszym samouczku arytmetycznym JavaScript .
Operatory przypisania JavaScript
Operatory przypisania służą do przypisywania wartości do zmiennych JavaScript.
Biorąc pod uwagę, że x = 10 i y = 5 , poniższa tabela wyjaśnia operatory przypisania:
| Operator | Example | Same As | Result in x | Try it |
|---|---|---|---|---|
| = | x = y | x = y | x = 5 | |
| += | x += y | x = x + y | x = 15 | |
| -= | x -= y | x = x - y | x = 5 | |
| *= | x *= y | x = x * y | x = 50 | |
| /= | x /= y | x = x / y | x = 2 | |
| %= | x %= y | x = x % y | x = 0 |
Aby zapoznać się z samouczkiem dotyczącym operatorów przypisania, przeczytaj nasz samouczek dotyczący przypisania JavaScript .
Operatory ciągów JavaScript
Operator + i operator += mogą być również używane do łączenia (dodawania) ciągów.
Biorąc pod uwagę, że text1 = "Good " , text2 = "Morning" i text3 = "" , poniższa tabela wyjaśnia operatory:
| Operator | Example | text1 | text2 | text3 | Try it |
|---|---|---|---|---|---|
| + | text3 = text1 + text2 | "Good " | "Morning" | "Good Morning" | |
| += | text1 += text2 | "Good Morning" | "Morning" | "" |
Operatory porównania
Operatory porównania są używane w instrukcjach logicznych w celu określenia równości lub różnicy między zmiennymi lub wartościami.
Biorąc pod uwagę, że x = 5 , poniższa tabela wyjaśnia operatory porównania:
| Operator | Description | Comparing | Returns | Try it |
|---|---|---|---|---|
| == | equal to | x == 8 | false | |
| x == 5 | true | |||
| === | equal value and equal type | x === "5" | false | |
| x === 5 | true | |||
| != | not equal | x != 8 | true | |
| !== | not equal value or not equal type | x !== "5" | true | |
| x !== 5 | false | |||
| > | greater than | x > 8 | false | |
| < | less than | x < 8 | true | |
| >= | greater than or equal to | x >= 8 | false | |
| <= | less than or equal to | x <= 8 | true |
Samouczek dotyczący operatorów porównania można znaleźć w naszym samouczku dotyczącym porównań JavaScript .
Operator warunkowy (potrójny)
Operator warunkowy przypisuje wartość do zmiennej na podstawie warunku.
| Syntax | Example | Try it |
|---|---|---|
| variablename = (condition) ? value1:value2 | voteable = (age < 18) ? "Too young":"Old enough"; |
Wyjaśnienie przykładu: Jeśli zmienna "age" ma wartość mniejszą niż 18, wartość zmiennej "voteable" będzie wynosić "Too young", w przeciwnym razie wartość zmiennej "voteable" będzie miała wartość "Old wystarczająco".
Operatory logiczne
Operatory logiczne służą do określenia logiki między zmiennymi lub wartościami.
Biorąc pod uwagę, że x = 6 i y = 3 , poniższa tabela wyjaśnia operatory logiczne:
| Operator | Description | Example | Try it |
|---|---|---|---|
| && | and | (x < 10 && y > 1) is true | |
| || | or | (x === 5 || y === 5) is false | |
| ! | not | !(x === y) is true |
Operatory bitowe JavaScript
Operatory bitowe działają na liczbach 32-bitowych. Dowolny operand numeryczny w operacji jest konwertowany na liczbę 32-bitową. Wynik jest konwertowany z powrotem na liczbę JavaScript.
| Operator | Description | Example | Same as | Result | Decimal |
|---|---|---|---|---|---|
| & | AND | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | OR | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NOT | x = ~ 5 | ~0101 | 1010 | 10 |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | Left shift | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | Right shift | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
Powyższe przykłady wykorzystują 4-bitowe przykłady bez znaku. Ale JavaScript używa 32-bitowych liczb ze znakiem.
Z tego powodu w JavaScript ~5 nie zwróci 10. Zwróci -6.
~000000000000000000000000000000101 zwróci 1111111111111111111111111111111010
Rodzaj operatora
Operator typeof zwraca typ zmiennej, obiektu, funkcji lub wyrażenia:
Przykład
typeof "John"
// Returns string
typeof 3.14
// Returns number
typeof NaN
// Returns number
typeof false
// Returns boolean
typeof [1, 2, 3, 4] // Returns object
typeof {name:'John', age:34}
// Returns object
typeof new Date()
// Returns object
typeof function () {} // Returns function
typeof myCar
// Returns undefined (if myCar is not declared)
typeof null
// Returns object
Proszę zwrócić uwagę:
- Typ danych NaN to liczba
- Typ danych tablicy to obiekt
- Typ danych daty to obiekt
- Typ danych null to object
- Typ danych niezdefiniowanej zmiennej jest niezdefiniowany
Nie możesz użyć typeof do określenia, czy obiekt JavaScript jest tablicą (lub datą).
Operator usuwania
Operator delete usuwa właściwość z obiektu:
Przykład
const person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
delete person.age; // or delete person["age"];
Operator usuwania usuwa zarówno wartość właściwości, jak i samą właściwość.
Usuniętej właściwości nie można używać, dopóki nie zostanie ponownie dodana.
Operator usuwania jest przeznaczony do użycia we właściwościach obiektu. Nie ma wpływu na zmienne ani funkcje.
Uwaga: Operatora usuwania nie należy używać na predefiniowanych właściwościach obiektów JavaScript. Może spowodować awarię Twojej aplikacji.
W Operator
Operator in zwraca true, jeśli określona właściwość znajduje się w określonym obiekcie, w przeciwnym razie false:
Przykład
// Arrays
const cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars // Returns false (specify the index number instead of value)
0 in cars // Returns true
1 in cars // Returns true
4 in cars // Returns false (does not exist)
"length" in cars // Returns true (length is an Array property)
// Objects
const person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person // Returns true
"age" in person // Returns true
// Predefined objects
"PI" in Math // Returns true
"NaN" in Number // Returns true
"length" in String // Returns true
Instancja Operatora
Operator instanceof zwraca prawdę, jeśli określony obiekt jest instancją określonego obiektu:
Przykład
const cars = ["Saab", "Volvo", "BMW"];
(cars instanceof Array) // Returns true
(cars instanceof Object) // Returns true
(cars instanceof String) // Returns false
(cars instanceof Number) // Returns false
Pusty Operator
Operator void ocenia wyrażenie i zwraca undefined . Ten operator jest często używany do uzyskania niezdefiniowanej wartości pierwotnej za pomocą „void(0)” (przydatne podczas oceny wyrażenia bez użycia wartości zwracanej).
Przykład
<a href="#;">
Useless link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
Click me to change the background color of body to red
</a>