Khóa học IT JavaScript Cơ bản 041_Câu lệnh điều kiện if, else, switch

Các câu lệnh điều kiện trong JavaScript chủ yếu bao gồm if, else if, else và switch.

Câu lệnh if

Câu lệnh if được sử dụng để xác định xem có thực thi một đoạn mã hay không dựa trên một điều kiện. Khi biểu thức điều kiện trong dấu ngoặc của câu lệnh if(...) là true, một dòng câu lệnh sau if sẽ được thực thi. Nếu bạn muốn kiểm soát nhiều dòng mã, có thể sử dụng {} để bao bọc các câu lệnh. Khuyến nghị luôn sử dụng dấu ngoặc nhọn {} để bao bọc khối mã khi sử dụng câu lệnh if, ngay cả khi chỉ có một câu lệnh, điều này giúp cải thiện khả năng đọc mã. Nếu biểu thức điều kiện là false thì không thực thi. Nếu biểu thức điều kiện sau if không phải là giá trị boolean, nó sẽ được chuyển đổi sang giá trị boolean trước khi đánh giá. Số 0, chuỗi rỗng "", null, undefined và NaN đều được chuyển đổi thành false. Các giá trị khác được chuyển đổi thành true.

Ví dụ:

1
let age = 18;
2
if (age >= 18) console.log('Người trưởng thành');
3
if (age >= 18) {
4
  console.log('Người trưởng thành');
5
}

Câu lệnh if-else

Câu lệnh if-else có thể thực thi các khối mã khác nhau dựa trên các điều kiện khác nhau. Nếu biểu thức có giá trị true, khối mã sau if sẽ được thực thi; nếu không, khối mã sau else sẽ được thực thi.

Ví dụ:

1
let age = 25;
2
if (age >= 18) {
3
  console.log('Người trưởng thành');
4
} else {
5
  console.log('Người chưa thành niên');
6
}

Câu lệnh else if

Câu lệnh else if là một phần mở rộng được sử dụng trong cấu trúc if-else, cho phép bạn thêm nhiều điều kiện để đánh giá. Câu lệnh else if đánh giá các biểu thức điều kiện sau if từ trên xuống dưới cho đến khi xuất hiện điều kiện true. Khi điều kiện true xuất hiện, các điều kiện tiếp theo sẽ không được đánh giá nữa, vì vậy bạn cần thiết kế hợp lý thứ tự các điều kiện hoặc thêm các điều kiện phép toán logic.

Ví dụ:

1
let score = 95;
2
if (score >= 90) {
3
  console.log('Xuất sắc');
4
} else if (score >= 60) { //Thử di chuyển điều kiện này lên đầu và xem kết quả như thế nào?
5
  console.log('Đạt');
6
} else {
7
  console.log('Không đạt');
8
}

Câu lệnh switch

Câu lệnh switch có thể thay thế nhiều câu lệnh if để lựa chọn đa nhánh dựa trên giá trị của biểu thức. Khi câu lệnh switch thực thi, nó so sánh biểu thức sau switch với các biểu thức sau case bằng phép so sánh bằng nghiêm ngặt. Nếu kết quả so sánh là true, câu lệnh switch thực thi khối mã sau case tương ứng cho đến khi gặp câu lệnh break gần nhất (hoặc cho đến cuối câu lệnh switch). Nếu không có case phù hợp, khối mã default sẽ được thực thi (nếu default tồn tại).

Ví dụ:

1
let day = 7;
2
switch (day) {
3
  case 1:
4
      console.log('Thứ Hai');
5
      break;
6
  case 2:
7
      console.log('Thứ Ba');
8
    break;
9
  case 6: //Nhóm case
10
  case 7: //Nhiều nhánh case chia sẻ cùng một đoạn mã có thể được nhóm lại
11
      console.log('Cuối tuần');
12
      break;
13
  default:
14
      console.log('Khác');
15
}

break Kết thúc (Thoát) Vòng lặp

break được sử dụng để kết thúc (thoát) vòng lặp hoặc câu lệnh switch hiện tại. Nếu không có break, các câu lệnh case tiếp theo sẽ tiếp tục được thực thi (tức là hiện tượng “xuyên qua” xảy ra).

Ví dụ:

1
let day = 2;
2
switch (day) {
3
  case 1:
4
    console.log('Thứ Hai');
5
    break;
6
  case 2:
7
    console.log('Thứ Ba');
8
    // Không có break, sẽ tiếp tục thực thi case tiếp theo
9
  case 3:
10
    console.log('Thứ Tư');
11
    break;
12
  default:
13
    console.log('Khác');
14
}