JavaScript cho vòng lặp

Trong hướng dẫn này, bạn sẽ tìm hiểu về các vòng lặp và về các vòng lặp for trong JavaScript với sự trợ giúp của các ví dụ.

Trong lập trình, các vòng lặp được sử dụng để lặp lại một khối mã.

Ví dụ, nếu bạn muốn hiển thị một tin nhắn 100 lần, thì bạn có thể sử dụng một vòng lặp. Nó chỉ là một ví dụ đơn giản; bạn có thể đạt được nhiều hơn nữa với các vòng lặp.

Hướng dẫn này tập trung vào forvòng lặp JavaScript . Bạn sẽ tìm hiểu về loại vòng lặp khác trong các bài hướng dẫn sắp tới.

JavaScript cho vòng lặp

Cú pháp của forvòng lặp là:

for(initialExpression; condition; updateExpression) {
    // for loop body
}

Đây,

1. Các initialExpression khởi và / hoặc tuyên bố biến và thực thi chỉ một lần.
2. Điều kiện được đánh giá.
   • If the condition is false, the for loop is terminated.
   • if the condition is true, the block of code inside of the for loop is executed.
3. Các updateExpression cập nhật giá trị của initialExpression khi điều kiện là true.
4. Điều kiện được đánh giá một lần nữa. Quá trình này tiếp tục cho đến khi điều kiện là false.

Để tìm hiểu thêm về các điều kiện , hãy truy cập Toán tử lôgic và So sánh JavaScript .Lưu đồ JavaScript cho vòng lặp

Ví dụ 1: Hiển thị một văn bản năm lần

// program to display text 5 times
const n = 5;

// looping from i = 1 to 5
for (let i = 1; i <= n; i++) {
    console.log(`I love JavaScript.`);
}

Đầu ra

I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.
I love JavaScript.

Đây là cách chương trình này hoạt động.

Ví dụ 2: Hiển thị các số từ 1 đến 5

// program to display numbers from 1 to 5
const n = 5;

// looping from i = 1 to 5
// in each iteration, i is increased by 1
for (let i = 1; i <= n; i++) {
    console.log(i);     // printing the value of i
}

Đầu ra

1
2
3
4
5

Đây là cách chương trình này hoạt động.

Ví dụ 3: Hiển thị tổng của n số tự nhiên

// program to display the sum of natural numbers
let sum = 0;
const n = 100

// looping from i = 1 to n
// in each iteration, i is increased by 1
for (let i = 1; i <= n; i++) {
    sum += i;  // sum = sum + i
}

console.log('sum:', sum);

Đầu ra

sum: 5050

Ở đây, giá trị của tổng ban đầu là 0 . Sau đó, một forvòng lặp được lặp lại từ i = 1 to 100. Trong mỗi lần lặp, i được cộng vào tổng và giá trị của nó được tăng lên 1 .

Khi tôi trở thành 101 , điều kiện kiểm tra là falsevà tổng sẽ bằng0 + 1 + 2 + … + 100.

Chương trình cộng tổng các số tự nhiên ở trên cũng có thể được viết dưới dạng

// program to display the sum of n natural numbers
let sum = 0;
const n = 100;

// looping from i = n to 1
// in each iteration, i is decreased by 1
for(let i = n; i >= 1; i-- ) {
    // adding i to sum in each iteration
    sum += i; // sum = sum + i
}

console.log('sum:',sum);

Chương trình này cũng cho kết quả tương tự như Ví dụ 3 . Bạn có thể hoàn thành cùng một nhiệm vụ theo nhiều cách khác nhau trong lập trình; lập trình là tất cả về logic.

Mặc dù cả hai cách đều đúng, nhưng bạn nên cố gắng làm cho mã của mình dễ đọc hơn.

JavaScript Infinite for loop

Nếu điều kiện kiểm tra trong một forvòng lặp luôn là true, nó sẽ chạy mãi mãi (cho đến khi đầy bộ nhớ). Ví dụ,

// infinite for loop
for(let i = 1; i > 0; i++) {
    // block of code
}

Trong chương trình trên, điều kiện luôn là điều kiện truesau đó sẽ chạy mã trong thời gian vô hạn.

Trong hướng dẫn tiếp theo, bạn sẽ tìm hiểu về whilevà do...whilelặp lại.