JavaScript - If...Else: Hướng dẫn cho người mới bắt đầu

Xin chào các bạn học lập trình! Hôm nay, chúng ta sẽ cùng nhau khám phá một trong những khái niệm cơ bản nhất trong lập trình: câu lệnh if...else. Hãy tưởng tượng nó như một người quyết định trong mã của bạn, giống như một đèn giao thông hướng dẫn xe cộ tại ngã tư. Hãy bắt đầu nào!

Sơ đồ 流程 của if-else

Trước khi chúng ta nhảy vào mã, hãy tưởng tượng cách câu lệnh if...else hoạt động. Hãy tưởng tượng bạn đang ở ngã ba đường:

[Điều kiện]
/    \
/      \
/        \
[Đúng]      [Sai]
|            |
[Hành động 1]   [Hành động 2]

Sơ đồ đơn giản này cho thấy essence của if...else: nếu một điều kiện là đúng, hãy làm một điều gì đó; ngược lại, hãy làm điều gì đó khác.

Câu lệnh if trong JavaScript

Hãy bắt đầu với câu lệnh 'if' cơ bản. Nó giống như nói, "Nếu trời mưa, mang theo ô."

let isRaining = true;

if (isRaining) {
console.log("Đừng quên mang ô của bạn!");
}

Trong ví dụ này, nếu isRaining là true, thông báo sẽ được in ra. Nếu nó là false, không có gì xảy ra. Đơn giản phải không?

Hãy thử một ví dụ khác:

let temperature = 25;

if (temperature > 30) {
console.log("Ngoại trời rất nóng!");
}

Ở đây, thông báo chỉ xuất hiện nếu nhiệt độ trên 30. Trong trường hợp này, nó sẽ không in ra vì 25 không lớn hơn 30.

Câu lệnh if...else trong JavaScript

Bây giờ, nếu chúng ta muốn làm điều gì đó khi điều kiện là false? Đó là lúc 'else' vào cuộc. Nó giống như nói, "Nếu trời mưa, mang theo ô; ngược lại, đeo kính mát."

let isRaining = false;

if (isRaining) {
console.log("Đừng quên mang ô của bạn!");
} else {
console.log("Thưởng thức ngày nắng!");
}

Trong trường hợp này, vì isRaining là false, thông báo thứ hai sẽ được in ra.

Dưới đây là một ví dụ khác:

let age = 15;

if (age >= 18) {
console.log("Bạn có thể bỏ phiếu!");
} else {
console.log("Xin lỗi, bạn quá trẻ để bỏ phiếu.");
}

Vì 15 nhỏ hơn 18, thông báo "Xin lỗi, bạn quá trẻ để bỏ phiếu" sẽ được hiển thị.

Câu lệnh if...else if... trong JavaScript

Đôi khi, cuộc sống không chỉ có đen và trắng. Chúng ta cần nhiều lựa chọn hơn! Đó là lúc 'else if' rất hữu ích. Nó giống như một câu hỏi đa chọn.

let grade = 75;

if (grade >= 90) {
console.log("A - Xuất sắc!");
} else if (grade >= 80) {
console.log("B - Tốt!");
} else if (grade >= 70) {
console.log("C - Không tệ!");
} else if (grade >= 60) {
console.log("D - Bạn cần học nhiều hơn.");
} else {
console.log("F - Ồ không! Bạn đã không đạt.");
}

Trong ví dụ này, điểm số là 75, vì vậy kết quả sẽ là "C - Không tệ!". Mã kiểm tra từng điều kiện và dừng lại khi tìm thấy một điều kiện đúng.

Hãy thử một ví dụ khác:

let time = 14;

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

Vì thời gian là 14 (2 giờ chiều), kết quả sẽ là "Chào buổi chiều!".

Câu lệnh if...else lồng nhau

Đôi khi, bạn có thể cần kiểm tra các điều kiện trong các điều kiện khác. Đây là lúc câu lệnh if...else lồng nhau rất hữu ích.

let isWeekend = true;
let isRaining = false;

if (isWeekend) {
if (isRaining) {
console.log(" Đây là cuối tuần mưa. Hoàn hảo cho việc đọc sách!");
} else {
console.log(" Đây là cuối tuần nắng. Hãy đi dã ngoại!");
}
} else {
console.log(" Đây là ngày làm việc. Đến giờ làm việc!");
}

Trong ví dụ này, chúng ta trước tiên kiểm tra xem có phải cuối tuần không. Nếu có, chúng ta sau đó kiểm tra xem có mưa không để quyết định hoạt động nào.

Bảng so sánh các phương pháp if...else

Dưới đây là bảng tóm tắt các phương pháp if...else mà chúng ta đã xem xét:

Phương pháp	Cú pháp	Trường hợp sử dụng
if	if (condition) { ... }	Khi bạn muốn thực thi mã chỉ khi một điều kiện là đúng
if...else	if (condition) { ... } else { ... }	Khi bạn muốn một kết quả nếu điều kiện là đúng, và một kết quả khác nếu nó là sai
if...else if...else	if (condition1) { ... } else if (condition2) { ... } else { ... }	Khi bạn có nhiều điều kiện cần kiểm tra
if...else lồng nhau	if (condition1) { if (condition2) { ... } else { ... } } else { ... }	Khi bạn cần kiểm tra các điều kiện trong các điều kiện khác

Nhớ rằng, lập trình là về việc thực hành. Đừng ngại thử nghiệm với các khái niệm này. Thử thay đổi các giá trị trong các ví dụ và xem kết quả thay đổi như thế nào. Đó là cách tốt nhất để học!

Trong những năm dạy học của tôi, tôi đã thấy rằng học sinh nào chơi với mã và mắc lỗi học nhanh nhất. Vậy hãy đi tiếp, phá vỡ mọi thứ, sửa chúng và vui vẻ trong quá trình đó!

Chúc các bạn lập trình vui vẻ, các nhà lập trình tương lai!

Credits: Image by storyset