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

Các vòng lặp trong JavaScript

Frontend SELF VI
Mức độ , Bài học
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)
    
  
Bình luận
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION