Loạt bài JavaScript cơ bản · Bài 05/18 — Mục lục học tập

Toán tử kết hợp các giá trị để tạo ra kết quả mới. Bạn dùng chúng để tính tổng, so sánh điểm và kiểm tra một học viên đã đủ điều kiện hoàn thành hay chưa. Hãy luôn dự đoán kiểu dữ liệu của kết quả trước khi chạy.

Toán tử số học

const a = 17;
const b = 5;
console.log(a + b); // 22
console.log(a - b); // 12
console.log(a * b); // 85
console.log(a / b); // 3.4
console.log(a % b); // 2 (phần dư)
console.log(2 ** 3); // 8 (lũy thừa)

Phép chia không tự làm tròn thành số nguyên. Toán tử % thường dùng để kiểm tra số chẵn: một số nguyên chẵn có phần dư bằng 0 khi chia cho 2. Dùng ngoặc tròn khi muốn thể hiện rõ thứ tự tính, chẳng hạn (price - discount) * quantity.

Gán và so sánh là hai việc khác nhau

let count = 2;
count += 3; // tương đương count = count + 3
console.log(count); // 5
console.log(count === 5); // true
console.log(count !== 5); // false
console.log("5" === 5); // false
console.log("5" == 5); // true

= dùng để gán; === dùng để so sánh nghiêm ngặt mà không tự chuyển kiểu. == có quy tắc chuyển kiểu, dễ tạo kết quả ngoài dự đoán. Với người mới, ưu tiên === và !==, đồng thời chuyển kiểu dữ liệu đầu vào một cách rõ ràng.

Các toán tử >, >=, <, <= kiểm tra lớn hơn, lớn hơn hoặc bằng, nhỏ hơn và nhỏ hơn hoặc bằng. Khi so sánh số, đảm bảo cả hai bên đã là số; so sánh hai chuỗi không phải lúc nào cũng cho thứ tự số học bạn mong muốn.

Kết hợp điều kiện

const score = 8;
const attendance = 90;
const passed = score >= 5 && attendance >= 80;
const needsSupport = score < 5 || attendance < 80;
console.log(passed); // true
console.log(needsSupport); // false
console.log(!passed); // false

Với các biểu thức boolean ở đây, && yêu cầu cả hai điều kiện đúng, || yêu cầu ít nhất một điều kiện đúng, ! đảo giá trị logic. Trong trường hợp tổng quát, && và || trả lại một toán hạng chứ không nhất thiết là boolean; chưa nên lạm dụng chúng để viết mã ngắn khó đọc.

Truthy và falsy

Trong điều kiện, 0, chuỗi rỗng, null, undefined và NaN được xem là falsy; chuỗi không rỗng, mảng rỗng và đối tượng rỗng đều truthy. Vì 0 có thể là dữ liệu hợp lệ, đừng coi mọi giá trị falsy là lỗi nhập liệu.

Bài tập

Một đơn được miễn phí vận chuyển khi tổng tiền từ 300.000 đồng hoặc khách có mã ưu đãi. Tạo biểu thức kiểm tra cho tổng 250.000 đồng, có mã true. Thử lại với mã false.

const total = 250000;
let hasCoupon = true;
console.log(total >= 300000 || hasCoupon); // true
hasCoupon = false;
console.log(total >= 300000 || hasCoupon); // false

Ghi nhớ: dùng === để so sánh, đặt ngoặc giúp đọc rõ điều kiện và kiểm tra các giá trị tại ranh giới như đúng 300.000.