CodeGym/Các khóa học/Frontend SELF VI/Các vòng lặp trong JavaScript

Các vòng lặp trong JavaScript

Có sẵn

6.1 Vòng lặp while

Vòng lặp trong JavaScript cho phép thực thi một khối mã nhiều lần, miễn là một điều kiện nhất định được thoả mãn. Đây là một phần quan trọng trong lập trình giúp tự động hóa các tác vụ lặp đi lặp lại.

Vòng lặp while thực thi một khối mã chừng nào điều kiện đúng (true).

Cú pháp:

while (condition) {
  // mã sẽ chạy chừng nào điều kiện đúng
}

Ví dụ:

JavaScript
let i = 0;
while (i < 5) {
  console.log(`Lần lặp số ${i}`);
  i++;
}

// Kết quả:
// Lần lặp số 0
// Lần lặp số 1
// Lần lặp số 2
// Lần lặp số 3
// Lần lặp số 4

Trong ví dụ này:

  • Vòng lặp tiếp tục chạy chừng nào giá trị i còn nhỏ hơn 5
  • Bên trong vòng lặp giá trị i tăng thêm 1 sau mỗi lần lặp

6.2 Thực thi khối mã n lần

Rất thường xảy ra tình huống khi phải thực thi một khối mã một số lần cố định. Mã này có thể viết dưới dạng vòng lặp wihle:

let i = 0;
while (i < 5) {
  console.log(`Lần lặp số ${i}`);
  i++;
}

Dạng tổng quát của vòng lặp này là:

khởi tạo
while (điều kiện) {
  khối mã
  bước
}

6.3 Vòng lặp for

Vòng lặp for

Vòng lặp for là một trong những vòng lặp hay dùng nhất trong JavaScript. Nó được tạo ra đặc biệt để lặp lại một khối mã một số lần nhất định.

Cú pháp:

for (khởi tạo; điều kiện; bước) {
  // mã sẽ chạy trên mỗi lần lặp
}

Ví dụ:

JavaScript
for (let i = 0; i < 5; i++) {
  console.log(`Lần lặp số ${i}`);
}
// Kết quả:
// Lần lặp số 0
// Lần lặp số 1
// Lần lặp số 2
// Lần lặp số 3
// Lần lặp số 4

Giải thích:

  • let i = 0 — khởi tạo biến i, là biến đếm số lần lặp
  • i < 5 — điều kiện mà vòng lặp tiếp tục thực thi. Vòng lặp ngừng khi i đạt giá trị 5
  • i++ — bước thực hiện sau mỗi lần lặp, tăng giá trị i thêm 1

6.4 Vòng lặp do...while

Vòng lặp do...while tương tự vòng lặp while, nhưng khác chỗ là 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.

Cú pháp:

do {
  // mã sẽ chạy ít nhất một lần
} while (điều kiện);

Ví dụ:

JavaScript
let i = 0;
do {
  console.log(`Lần lặp số ${i}`);
  i++;
} while (i < 5);

// Kết quả:
// Lần lặp số 0
// Lần lặp số 1
// Lần lặp số 2
// Lần lặp số 3
// Lần lặp số 4

Trong ví dụ này:

  • Khối mã bên trong do sẽ chạy ít nhất một lần, ngay cả khi điều kiện ban đầu là sai
  • Sau khi thực thi khối mã, điều kiện sẽ được kiểm tra, và nếu đúng, vòng lặp tiếp tục

6.5 So sánh các vòng lặp

Vòng lặp Khi nào sử dụng Đặc điểm
for Khi số lần lặp biết trước Cú pháp gọn, tiện lợi cho mảng
while Khi số lần lặp chưa biết trước Điều kiện kiểm tra trước mỗi lần lặp
do-while Khi cần chạy khối mã ít nhất một lần Điều kiện kiểm tra sau khi thực thi khối mã

Ví dụ sử dụng các vòng lặp

Duyệt qua mảng bằng for:

JavaScripts
let array = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

// Kết quả: 1 2 3 4 5

Sử dụng while để chờ điều kiện:

JavaScript
let n = 0;
let x = 0;
while (n < 3) {
  n++;
  x += n;
}

console.log(x); // 6 (1 + 2 + 3)

Sử dụng do-while để thực hiện ít nhất một lần lặp:

JavaScript
let i = 0;

do {
  console.log(i);
  i++;
} while (i < 0);

// Kết quả: 0 (vòng lặp thực hiện một lần, mặc dù điều kiện sai)
1
Nhiệm vụ
Frontend SELF VI,  mức độbài học
Đã khóa
Tổng các số từ 1 đến n
Tổng các số từ 1 đến n
1
Nhiệm vụ
Frontend SELF VI,  mức độbài học
Đã khóa
Các số chẵn đến 20
Các số chẵn đến 20
Bình luận
  • Phổ biến
  • Mới
Bạn phải đăng nhập để đăng nhận xet
Trang này chưa có bất kỳ bình luận nào