Phân nhánh điều kiện trong JavaScript

Bài viết này giải thích về phân nhánh điều kiện trong JavaScript.

YouTube Video

Câu lệnh if trong JavaScript

Cú pháp Cơ bản

1if (condition) {
2    // Code that executes if the condition is true
3}

Câu lệnh if trong JavaScript là một cấu trúc điều khiển cơ bản, được sử dụng để điều khiển việc thực thi mã dựa trên việc một điều kiện cụ thể là đúng hay sai. Nếu điều kiện đúng, khối mã sẽ được thực thi, và nếu sai, nó sẽ bị bỏ qua.

Ví dụ

1let x = 10;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5}

Trong ví dụ này, vì giá trị của x lớn hơn 5, x lớn hơn 5 được hiển thị trên bảng điều khiển.

Câu lệnh else

Cú pháp Cơ bản

1if (condition) {
2    // Code that executes if the condition is true
3} else {
4    // Code that executes if the condition is false
5}

Bằng cách sử dụng câu lệnh else sau câu lệnh if, bạn có thể chỉ định mã được thực thi khi điều kiện sai.

Ví dụ

1let x = 3;
2
3if (x > 5) {
4    console.log("x is greater than 5");
5} else {
6    console.log("x is 5 or less");
7}

Trong trường hợp này, vì x nhỏ hơn 5, "x là 5 hoặc ít hơn" được hiển thị.

Câu lệnh else if

Cú pháp Cơ bản

1if (condition1) {
2    // Code that executes if condition1 is true
3} else if (condition2) {
4    // Code that executes if condition1 is false and condition2 is true
5} else {
6    // Code that executes if both condition1 and condition2 are false
7}

Nếu bạn muốn kiểm tra nhiều điều kiện, hãy sử dụng else if. Điều kiện tiếp theo sẽ được kiểm tra nếu câu lệnh if ban đầu là sai.

Ví dụ

1let x = 5;
2
3if (x > 10) {
4    console.log("x is greater than 10");
5} else if (x === 5) {
6    console.log("x is 5");
7} else {
8    console.log("x is 5 or less");
9}

Trong trường hợp này, vì x là 5, "x là 5" sẽ được hiển thị.

Toán tử tam phân (Toán tử điều kiện)

Cú pháp

1condition ? valueIfTrue : valueIfFalse

Nếu bạn muốn viết câu lệnh if ngắn gọn hơn, bạn có thể sử dụng toán tử tam phân.

Ví dụ

1const number = 7;
2const result = number % 2 === 0 ? "Even" : "Odd";
3console.log(result); // "Odd"

Trong trường hợp này, vì number là 7, Lẻ được hiển thị.

Tóm tắt

• Câu lệnh if điều khiển mã nào sẽ được thực thi dựa trên việc điều kiện là đúng hay sai.
• Bạn có thể chỉ định hành vi cho trường hợp điều kiện sai bằng cách sử dụng else.
• Bạn có thể kiểm tra nhiều điều kiện bằng cách sử dụng else if.
• Bạn cũng có thể sử dụng toán tử tam phân để viết các nhánh điều kiện một cách ngắn gọn.

Câu lệnh switch trong JavaScript

Cú pháp Cơ bản

 1switch (expression) {
 2    case value1:
 3        // Code that executes if the expression matches value1
 4        break;
 5    case value2:
 6        // Code that executes if the expression matches value2
 7        break;
 8    default:
 9        // Code that executes if no cases match
10}

Câu lệnh switch trong JavaScript được sử dụng để so sánh một biểu thức (thường là một biến) với nhiều giá trị (các trường hợp) và thực thi mã tương ứng. Giống như câu lệnh if, nó thực hiện phân nhánh điều kiện, nhưng thường dễ đọc hơn khi có nhiều điều kiện.

Ví dụ

 1let fruit = "apple";
 2
 3switch (fruit) {
 4    case "apple":
 5        console.log("This is an apple");
 6        break;
 7    case "banana":
 8        console.log("This is a banana");
 9        break;
10    default:
11        console.log("Unknown fruit");
12}

Trong ví dụ này, vì fruit là "apple", nên "This is an apple" sẽ được hiển thị trên console.

break の役割

Bằng cách chèn break vào cuối mỗi trường hợp, bạn sẽ thoát khỏi câu lệnh switch sau khi hoàn thành trường hợp đó. Nếu bạn không viết break, trường hợp tiếp theo cũng sẽ được thực thi (điều này được gọi là fall-through).

Ví dụ về Fall-Through

 1let color = "red";
 2
 3switch (color) {
 4    case "red":
 5        console.log("This is red");
 6    case "blue":
 7        console.log("This is blue");
 8    default:
 9        console.log("Unknown color");
10}

Trong trường hợp này, vì color là "red", và không có break sau "This is red", nên cả "This is blue" và "Unknown color" cũng sẽ được hiển thị.

Sử dụng default

default là phần được thực thi khi không có sự khớp nào với bất kỳ case nào. Điều này tương ứng với else trong một câu lệnh if.

 1let animal = "dog";
 2
 3switch (animal) {
 4    case "cat":
 5        console.log("This is a cat");
 6        break;
 7    case "bird":
 8        console.log("This is a bird");
 9        break;
10    default:
11        console.log("Unknown animal");
12}

Trong trường hợp này, vì animal là "dog", nó sẽ rơi vào default, và "Unknown animal" được hiển thị.

Xử lý Nhiều Giá trị với Cùng Một Trường hợp

Nếu bạn muốn thực hiện cùng một hoạt động cho nhiều trường hợp, bạn có thể viết chúng liên tiếp.

Ví dụ

 1let day = 1;
 2switch (day) {
 3    case 1:
 4    case 2:
 5    case 3:
 6    case 4:
 7    case 5:
 8        console.log("Weekday");
 9        break;
10    case 6:
11    case 7:
12        console.log("Weekend");
13        break;
14    default:
15        console.log("Unknown day");
16}

Trong ví dụ này, nếu day là 1, "Weekday" sẽ được hiển thị.

switch vs. if

• Câu lệnh if phù hợp để kiểm tra các điều kiện hoặc phạm vi phức tạp. Ví dụ, các điều kiện phức tạp như biến x lớn hơn hoặc bằng 10 và nhỏ hơn hoặc bằng 20 không thể được viết trong một câu lệnh switch.
• Một câu lệnh switch đôi khi có thể làm cho mã dễ đọc hơn khi kiểm tra xem một giá trị có khớp với một giá trị cụ thể hay không.

Tóm tắt

• Câu lệnh switch được sử dụng để viết các nhánh điều kiện cho nhiều giá trị một cách ngắn gọn.
• Nếu bạn không sử dụng break ở cuối mỗi case, case tiếp theo cũng có thể được thực thi (fall-through).
• default sẽ được thực thi khi không có trường hợp nào khớp.

Bạn có thể làm theo bài viết trên bằng cách sử dụng Visual Studio Code trên kênh YouTube của chúng tôi. Vui lòng ghé thăm kênh YouTube.

YouTube Video