TopDev

Biểu thức và các toán tử cơ bản trong JavaScript

minhu 📖 5 phút đọc

Trong JavaScript, biểu thức và toán tử cơ bản là các thành phần quan trọng để thực hiện các phép toán và so sánh. Dưới đây là các loại biểu thức và toán tử cơ bản thường được sử dụng trong JavaScript:

1. Biểu Thức (Expressions)#

Biểu thức là các đoạn mã JavaScript có thể được tính toán để trả về một giá trị. Ví dụ về biểu thức bao gồm các phép toán, so sánh và gọi hàm.

  • Ví Dụ: let x = 5 + 3; // 5 + 3 là một biểu thức trả về giá trị 8 let y = Math.max(10, 20); // Math.max(10, 20) là một biểu thức trả về giá trị 20

2. Toán Tử (Operators)#

Toán tử là các ký hiệu hoặc từ khóa được sử dụng để thực hiện các phép toán trong JavaScript. Dưới đây là các toán tử cơ bản:

a. Toán Tử Số Học (Arithmetic Operators)

  • Cộng (+): Tính tổng hai số hoặc nối hai chuỗi. let a = 10 + 5; // 15 let b = "Hello" + " World"; // "Hello World"

  • Trừ (-): Tính hiệu hai số. let c = 15 - 5; // 10

  • Nhân (*): Tính tích hai số. let d = 4 * 5; // 20

  • Chia (/): Tính thương hai số. let e = 20 / 4; // 5

  • Chia Lấy Dư (%): Tính phần dư của phép chia. let f = 20 % 3; // 2

  • Lũy Thừa (**): Tính lũy thừa của một số. let g = 2 ** 3; // 8

b. Toán Tử So Sánh (Comparison Operators)

  • Bằng (==): So sánh giá trị, không xét kiểu dữ liệu. let h = (5 == '5'); // true

  • Bằng Tuyệt Đối (===): So sánh giá trị và kiểu dữ liệu. let i = (5 === '5'); // false

  • Khác (!=): So sánh khác giá trị, không xét kiểu dữ liệu. let j = (5 != '5'); // false

  • Khác Tuyệt Đối (!==): So sánh khác giá trị hoặc kiểu dữ liệu. let k = (5 !== '5'); // true

  • Lớn Hơn (>): Kiểm tra xem giá trị bên trái có lớn hơn giá trị bên phải không. let l = (10 > 5); // true

  • Lớn Hơn Hoặc Bằng (>=): Kiểm tra xem giá trị bên trái có lớn hơn hoặc bằng giá trị bên phải không. let m = (10 >= 10); // true

  • Nhỏ Hơn (<): Kiểm tra xem giá trị bên trái có nhỏ hơn giá trị bên phải không. let n = (5 < 10); // true

  • Nhỏ Hơn Hoặc Bằng (<=): Kiểm tra xem giá trị bên trái có nhỏ hơn hoặc bằng giá trị bên phải không. let o = (5 <= 10); // true

c. Toán Tử Logic (Logical Operators)

  • AND (&&): Trả về true nếu cả hai điều kiện đều đúng. let p = (true && false); // false

  • OR (||): Trả về true nếu ít nhất một trong các điều kiện đúng. let q = (true || false); // true

  • NOT (!): Đảo ngược giá trị logic của điều kiện. let r = !true; // false

d. Toán Tử Gán (Assignment Operators)

  • Gán (=): Gán giá trị cho biến. let s = 10;

  • Gán Cộng (+=): Cộng giá trị vào biến và gán kết quả. let t = 5; t += 3; // t = 8

  • Gán Trừ (-=): Trừ giá trị khỏi biến và gán kết quả. let u = 10; u -= 2; // u = 8

  • Gán Nhân (*=): Nhân giá trị vào biến và gán kết quả. let v = 4; v *= 2; // v = 8

  • Gán Chia (/=): Chia giá trị của biến và gán kết quả. let w = 8; w /= 2; // w = 4

  • Gán Chia Lấy Dư (%=): Chia lấy dư giá trị của biến và gán kết quả. let x = 10; x %= 3; // x = 1

e. Toán Tử Điều Kiện (Ternary Operator)

  • Cú Pháp: condition ? expr1 : expr2

  • Ví Dụ: let y = (5 > 3) ? "Greater" : "Smaller"; // "Greater"

f. Toán Tử Nullish Coalescing (??)

  • Cú Pháp: Trả về giá trị bên trái nếu không phải là null hoặc undefined, ngược lại trả về giá trị bên phải.

  • Ví Dụ: let z = null ?? "default"; // "default"

g. Toán Tử Optional Chaining (?.)

  • Cú Pháp: Cho phép truy cập thuộc tính của một đối tượng mà không gây lỗi nếu đối tượng là null hoặc undefined.

  • Ví Dụ: let obj = { name: "Alice" }; let name = obj?.name; // "Alice" let age = obj?.age; // undefined

Tóm Tắt#

  • Biểu Thức: Các đoạn mã JavaScript có thể được tính toán để trả về một giá trị.

  • Toán Tử Số Học: Thực hiện các phép toán trên số.

  • Toán Tử So Sánh: So sánh các giá trị và trả về kết quả boolean.

  • Toán Tử Logic: Thực hiện các phép toán logic.

  • Toán Tử Gán: Gán và thay đổi giá trị của biến.

  • Toán Tử Điều Kiện: Thực hiện điều kiện trong một câu lệnh ngắn gọn.

  • Toán Tử Nullish Coalescing: Xử lý giá trị null hoặc undefined.

  • Toán Tử Optional Chaining: Truy cập thuộc tính của đối tượng an toàn hơn.

Hiểu rõ các biểu thức và toán tử cơ bản giúp bạn viết mã JavaScript hiệu quả hơn và thực hiện các phép toán và so sánh cần thiết trong ứng dụng của bạn.

Bài liên quan trong # JavaScript

✓ Đã sao chép link