×

Cấu trúc điều khiển cơ bản khi lập trình JavaScript

Avatar of admin
admin 0 Views

JavaScript là một ngôn ngữ lập trình phổ biến cho việc phát triển web, cung cấp nhiều cấu trúc điều khiển mạnh mẽ để xử lý luồng chương trình. Hiểu và sử dụng đúng các cấu trúc điều khiển này là bước quan trọng trong việc viết mã có cấu trúc và hiệu quả. Dưới đây là một số cấu trúc điều khiển cơ bản trong JavaScript:

1. Câu lệnh điều kiện

Câu lệnh if

Câu lệnh if được sử dụng để thực hiện một khối mã nếu điều kiện cho trước đúng.

let x = 10;
if (x > 5) {
  console.log("x lớn hơn 5");
}

Câu lệnh if...else

Đối với các tình huống cần thực thi mã khi điều kiện không đúng, bạn có thể sử dụng if...else.

let y = 3;
if (y > 5) {
  console.log("y lớn hơn 5");
} else {
  console.log("y nhỏ hơn hoặc bằng 5");
}

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

Khi có nhiều điều kiện, else if được thêm vào giữa if và else.

let z = 8;
if (z > 10) {
  console.log("z lớn hơn 10");
} else if (z > 5) {
  console.log("z lớn hơn 5 nhưng nhỏ hơn hoặc bằng 10");
} else {
  console.log("z nhỏ hơn hoặc bằng 5");
}

2. Câu lệnh lặp

Vòng lặp for

Dành cho các vòng lặp với số lần lặp đã biết trước, for là lựa chọn phổ biến.

for (let i = 0; i < 5; i++) {
  console.log("i bằng " + i);
}

Vòng lặp while

while lặp đi lặp lại một khối mã khi điều kiện là đúng.

let a = 0;
while (a < 5) {
  console.log("a bằng " + a);
  a++;
}

Vòng lặp do...while

Tương tự while, nhưng khối mã sẽ được thực thi ít nhất một lần trước khi điều kiện được kiểm tra.

let b = 0;
do {
  console.log("b bằng " + b);
  b++;
} while (b < 5);

3. Câu lệnh switch

Để kiểm tra giá trị của một biến đối với nhiều trường hợp, switch cung cấp một cách tiếp cận dễ đọc.

let item = "apple";
switch (item) {
  case "banana":
    console.log("Đó là một quả chuối");
    break;
  case "apple":
    console.log("Đó là một quả táo");
    break;
  default:
    console.log("Không biết loại quả nào");
}

4. Câu lệnh điều khiển vòng lặp

Trong quá trình làm việc với các vòng lặp, bạn có thể cần thêm câu lệnh để kiểm soát vòng lặp như break và continue.

break

Thoát khỏi vòng lặp ngay lập tức.

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log("Giá trị của i: " + i);
}

continue

Bỏ qua phần còn lại của vòng lặp hiện tại và bắt đầu với vòng lặp tiếp theo.

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    continue;
  }
  console.log("Giá trị của i: " + i);
}

5. Khối mã và phạm vi

Những khối mã trong JavaScript được đặt bên trong dấu ngoặc nhọn {} và có thể điều khiển phạm vi của biến khai báo bằng let hay const.

{
  let c = 10;
  console.log(c); // 10
}
// console.log(c); // Lỗi: c không được định nghĩa

Hiểu rõ các cấu trúc điều khiển này giúp bạn dễ dàng xây dựng các chương trình phức tạp hơn, xử lý tình huống đa dạng và điều khiển luồng công việc một cách hiệu quả.

Comments

Bài viết liên quan