Câu lệnh điều kiện if, else, else if trong JavaScript

Giải thích:

• Biến score có giá trị 85.
• Điều kiện score >= 90 sai, nên chương trình kiểm tra điều kiện score >= 75.
• Vì 85 >= 75 là đúng, khối console.log("Xếp loại B"); được thực thi.
• Các điều kiện sau đó bị bỏ qua.

Kết quả đầu ra:

Xếp loại B

Ví dụ 2: Xác định thời gian trong ngày

let hour = 14;

if (hour < 12) {
    console.log("Chào buổi sáng!");
} else if (hour < 18) {
    console.log("Chào buổi chiều!");
} else {
    console.log("Chào buổi tối!");
}

Giải thích:

• Biến hour có giá trị 14.
• Điều kiện hour < 12 sai, chương trình tiếp tục kiểm tra hour < 18.
• Vì 14 < 18 là đúng, khối console.log("Chào buổi chiều!"); được thực thi.

Kết quả đầu ra:

Chào buổi chiều!

Ví dụ 3: Kiểm tra độ tuổi và đưa ra gợi ý hành động

let age = 17;

if (age >= 18) {
    console.log("Bạn đủ tuổi để đăng ký.");
} else if (age >= 16) {
    console.log("Bạn cần sự đồng ý của phụ huynh để đăng ký.");
} else {
    console.log("Bạn chưa đủ tuổi để đăng ký.");
}

Giải thích:

• Biến age có giá trị 17.
• Điều kiện age >= 18 sai, chương trình kiểm tra age >= 16.
• Vì 17 >= 16 là đúng, chương trình thực thi console.log("Bạn cần sự đồng ý của phụ huynh để đăng ký.");.

Kết quả đầu ra:

Bạn cần sự đồng ý của phụ huynh để đăng ký.

Ví dụ 4: Xác định loại hình thời tiết

let temperature = 30;

if (temperature >= 35) {
    console.log("Thời tiết rất nóng!");
} else if (temperature >= 25) {
    console.log("Thời tiết ấm áp.");
} else if (temperature >= 15) {
    console.log("Thời tiết mát mẻ.");
} else {
    console.log("Thời tiết lạnh.");
}

Giải thích:

• Biến temperature có giá trị 30.
• Điều kiện temperature >= 35 sai, kiểm tra tiếp temperature >= 25.
• Vì 30 >= 25 là đúng, chương trình in "Thời tiết ấm áp.".

Kết quả đầu ra:

Thời tiết ấm áp.

Lưu ý khi sử dụng if...else if...else

Sắp xếp điều kiện từ cụ thể đến tổng quát:

• Các điều kiện có giá trị lớn hơn nên được đặt trước để tránh kiểm tra không cần thiết.
• Ví dụ: if (score >= 90) nên đặt trước if (score >= 75) để đảm bảo điều kiện đúng được xử lý sớm.

Sử dụng else khi cần xử lý mặc định:

• else đảm bảo có một hành động được thực hiện ngay cả khi tất cả các điều kiện trước đó đều sai.

Tránh quá nhiều else if:

• Nếu có nhiều điều kiện phức tạp, có thể dùng switch thay vì if...else if...else để mã nguồn dễ đọc hơn.

Ứng dụng thực tế của if, else, else if trong JavaScript

Câu lệnh điều kiện if, else, else if có rất nhiều ứng dụng trong thực tế, đặc biệt trong việc kiểm tra dữ liệu, xử lý giao diện, phân quyền người dùng, và lập trình trò chơi. Dưới đây là một số ví dụ minh họa chi tiết.

Kiểm tra đăng nhập và phân quyền người dùng

Một trong những ứng dụng quan trọng nhất của if, else if, else là kiểm tra đăng nhập và phân quyền người dùng trong hệ thống.

Ví dụ: Kiểm tra đăng nhập

let isAuthenticated = true;

if (isAuthenticated) {
    console.log("Chào mừng bạn! Bạn đã đăng nhập thành công.");
} else {
    console.log("Vui lòng đăng nhập để tiếp tục.");
}

Giải thích:

• Nếu isAuthenticated là true, thông báo chào mừng sẽ hiển thị.
• Nếu isAuthenticated là false, người dùng được yêu cầu đăng nhập.

Kết quả đầu ra (nếu đã đăng nhập):

Chào mừng bạn! Bạn đã đăng nhập thành công.

let role = "admin"; 

if (role === "admin") {
    console.log("Bạn có quyền truy cập vào trang quản trị.");
} else if (role === "editor") 
    console.log("Bạn có thể chỉnh sửa nội dung.");
} else if (role === "user") {
    console.log("Bạn có thể xem nội dung.");
} else {
    console.log("Vai trò không hợp lệ.");
}

Bạn có quyền truy cập vào trang quản trị.

let isLoggedIn = false;

console.log(isLoggedIn ? "Hiển thị menu người dùng" : "Hiển thị nút đăng nhập");

Hiển thị nút đăng nhập

let email = "[email protected]";

if (!email) {
    console.log("Email không được để trống.");
} else if (!email.includes("@")) {
    console.log("Email không hợp lệ.");
} else {
    console.log("Email hợp lệ.");
}

Email hợp lệ.

let password = "Abc123!";

if (password.length < 8) {
    console.log("Mật khẩu quá ngắn, cần ít nhất 8 ký tự.");
} else if (!/[A-Z]/.test(password)) {
    console.log("Mật khẩu phải chứa ít nhất một chữ hoa.");
} else if (!/[0-9]/.test(password)) {
    console.log("Mật khẩu phải chứa ít nhất một số.");
} else if (!/[!@#$%^&*]/.test(password)) {
    console.log("Mật khẩu phải chứa ít nhất một ký tự đặc biệt.");
} else {
    console.log("Mật khẩu mạnh.");
}

Mật khẩu quá ngắn, cần ít nhất 8 ký tự.