JavaScript cho vòng lặp (với Ví dụ)

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, 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ề các loại vòng lặp khác trong các 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á.
   • Nếu điều kiện là false, forvòng lặp được kết thúc.
   • nếu điều kiện là true, khối mã bên trong forvòng lặp được thực thi.
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á lại. 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 10 times const n = 5; // looping from i = 1 to 5 for (let i = 1; i <= n; i++) ( console.log(`I love JavaScript.`); )

Đầu ra

Tôi yêu JavaScript. Tôi yêu JavaScript. Tôi yêu JavaScript. Tôi yêu JavaScript. Tôi yêu JavaScript.

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

Lặp lại	Biến đổi	Điều kiện: i <= n	Hoạt động
Ngày 1	i = 1 n = 5	true	Tôi yêu JavaScript. được in. tôi được tăng lên 2 .
lần 2	i = 2 n = 5	true	Tôi yêu JavaScript. được in. tôi được tăng lên 3 .
lần thứ 3	i = 3 n = 5	true	Tôi yêu JavaScript. được in. tôi được tăng lên 4 .
lần thứ 4	i = 4 n = 5	true	Tôi yêu JavaScript. được in. tôi được tăng lên 5 .
ngày 5	i = 5 n = 5	true	Tôi yêu JavaScript. được in. tôi được tăng lên 6 .
Ngày 6	i = 6 n = 5	false	Vòng lặp được kết thúc.

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.

Lặp lại	Biến đổi	Điều kiện: i <= n	Hoạt động
Ngày 1	i = 1 n = 5	true	1 được in. tôi được tăng lên 2 .
lần 2	i = 2 n = 5	true	2 được in. tôi được tăng lên 3 .
lần thứ 3	i = 3 n = 5	true	3 được in. tôi được tăng lên 4 .
lần thứ 4	i = 4 n = 5	true	4 được in. tôi được tăng lên 5 .
ngày 5	i = 5 n = 5	true	5 được in. tôi được tăng lên 6 .
Ngày 6	i = 6 n = 5	false	Vòng lặp được kết thúc.

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

 tổng: 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ằng 0 + 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 bộ nhớ đầy). 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.