Tham chiếu toán tử JavaScript
Toán tử JavaScript được sử dụng để gán giá trị, so sánh giá trị, thực hiện các phép toán số học và hơn thế nữa.
Toán tử số học JavaScript
Toán tử số học được sử dụng để thực hiện số học giữa các biến và / hoặc giá trị.
Cho rằng y = 5 , bảng dưới đây giải thích các toán tử số học:
| 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 |
Để có hướng dẫn về toán tử số học, hãy đọc Hướng dẫn số học JavaScript của chúng tôi .
Toán tử gán JavaScript
Toán tử gán được sử dụng để gán giá trị cho các biến JavaScript.
Cho rằng x = 10 và y = 5 , bảng dưới đây giải thích các toán tử gán:
| 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 |
Để có hướng dẫn về toán tử gán, hãy đọc Hướng dẫn gán JavaScript của chúng tôi .
Toán tử chuỗi JavaScript
Toán tử + và toán tử + = cũng có thể được sử dụng để nối (thêm) các chuỗi.
Cho rằng text1 = "Good" , text2 = "Morning" và text3 = "" , bảng dưới đây giải thích các toán tử:
| Operator | Example | text1 | text2 | text3 | Try it |
|---|---|---|---|---|---|
| + | text3 = text1 + text2 | "Good " | "Morning" | "Good Morning" | |
| += | text1 += text2 | "Good Morning" | "Morning" | "" |
Toán tử so sánh
Toán tử so sánh được sử dụng trong các câu lệnh logic để xác định sự bình đẳng hoặc khác biệt giữa các biến hoặc giá trị.
Cho rằng x = 5 , bảng dưới đây giải thích các toán tử so sánh:
| 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 |
Để có hướng dẫn về toán tử so sánh, hãy đọc Hướng dẫn so sánh JavaScript của chúng tôi .
Toán tử có điều kiện (bậc ba)
Toán tử điều kiện gán một giá trị cho một biến dựa trên một điều kiện.
| Syntax | Example | Try it |
|---|---|---|
| variablename = (condition) ? value1:value2 | voteable = (age < 18) ? "Too young":"Old enough"; |
Ví dụ được giải thích: Nếu biến "tuổi" có giá trị dưới 18, giá trị của biến "có thể thay thế" sẽ là "Quá trẻ", nếu không giá trị của có thể thay đổi sẽ là "Đủ tuổi".
Toán tử logic
Toán tử logic được sử dụng để xác định logic giữa các biến hoặc giá trị.
Cho rằng x = 6 và y = 3 , bảng dưới đây giải thích các toán tử logic:
| Operator | Description | Example | Try it |
|---|---|---|---|
| && | and | (x < 10 && y > 1) is true | |
| || | or | (x === 5 || y === 5) is false | |
| ! | not | !(x === y) is true |
Toán tử Bitwise JavaScript
Toán tử bit hoạt động trên số 32 bit. Bất kỳ toán hạng số nào trong phép toán đều được chuyển đổi thành số 32 bit. Kết quả được chuyển đổi lại thành một số 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 |
Các ví dụ trên sử dụng các ví dụ không dấu 4 bit. Nhưng JavaScript sử dụng các số có dấu 32-bit.
Do đó, trong JavaScript, ~ 5 sẽ không trả về 10. Nó sẽ trả về -6.
~ 00000000000000000000000000000101 sẽ trả về 11111111111111111111111111111010
Loại toán tử
Toán tử typeof trả về kiểu của một biến, đối tượng, hàm hoặc biểu thức:
Thí dụ
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
Hãy quan sát:
- Kiểu dữ liệu của NaN là số
- Kiểu dữ liệu của một mảng là đối tượng
- Kiểu dữ liệu của một ngày là đối tượng
- Kiểu dữ liệu của null là đối tượng
- Kiểu dữ liệu của một biến không xác định là không xác định
Bạn không thể sử dụng typeof để xác định xem một đối tượng JavaScript có phải là một mảng (hoặc một ngày) hay không.
Toán tử xóa
Toán tử xóa xóa một thuộc tính khỏi một đối tượng:
Thí dụ
const person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
delete person.age; // or delete person["age"];
Toán tử xóa sẽ xóa cả giá trị của thuộc tính và chính thuộc tính đó.
Sau khi xóa, thuộc tính không thể được sử dụng trước khi được thêm lại.
Toán tử xóa được thiết kế để sử dụng trên các thuộc tính đối tượng. Nó không ảnh hưởng đến các biến hoặc hàm.
Lưu ý: Không nên sử dụng toán tử xóa trên các thuộc tính đối tượng JavaScript được xác định trước. Nó có thể làm hỏng ứng dụng của bạn.
Nhà điều hành trong
Toán tử in trả về true nếu thuộc tính được chỉ định nằm trong đối tượng được chỉ định, ngược lại là false:
Thí dụ
// 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
Toán tử instanceof
Toán tử instanceof trả về true nếu đối tượng được chỉ định là một thể hiện của đối tượng được chỉ định:
Thí dụ
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
Nhà điều hành void
Toán tử void đánh giá một biểu thức và trả về không xác định . Toán tử này thường được sử dụng để lấy giá trị nguyên thủy không xác định, sử dụng "void (0)" (hữu ích khi đánh giá một biểu thức mà không sử dụng giá trị trả về).
Thí dụ
<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>