Review: Looping

Đây là một đánh giá về những gì chúng tôi trình bày trong hướng dẫn này về các vòng lặp.

Khi chúng ta viết chương trình, chúng ta thường thấy rằng chúng ta muốn lặp đi lặp lại một chút mã, hoặc lặp lại nó nhưng thay đổi một cái gì đó về nó mỗi lần. Để tự cứu mình khỏi việc viết tất cả mã đó, chúng ta có thể sử dụng một vòng lặp . JavaScript có hai loại vòng lặp, vòng lặp while và vòng lặp for .

Một khi vòng lặp là một cách để mã lặp lại cho đến khi một số điều kiện là sai. Ví dụ: vòng lặp while này sẽ hiển thị giá trị của y tại (30, y) miễn là y nhỏ hơn 400. Vòng lặp thêm 20 đến y mỗi lần nó chạy, do đó y bắt đầu từ 40 nhưng sau đó tăng lên 60 , 80, 100, 120, v.v.

var y = 40;
while (y < 400) {
    text(y, 30, y);
    y += 20;
}

Điều quan trọng là điều kiện bên trong dấu ngoặc đơn trở thành sai tại một số điểm - nếu không chúng ta sẽ có cái được gọi là vòng lặp vô hạn ! Đó là điều sẽ xảy ra nếu chúng tôi xóa y += 20, bởi vì bạn sẽ 40 tuổi mãi mãi và luôn dưới 400, và chương trình sẽ không bao giờ biết khi nào nên dừng lại.

var y = 40;
while (y < 400) {
    text(y, 30, y);
}

Các vòng lặp for là tương tự như một vòng lặp while, nhưng với một cú pháp chuyên hơn. Các lập trình viên đã phát minh ra vòng lặp for khi họ nhận ra rằng họ luôn thực hiện ba điều tương tự - tạo các biến đếm vòng lặp (như y ở trên), tăng chúng lên một số lượng và kiểm tra xem chúng có nhỏ hơn một giá trị không. Một cú pháp vòng lặp for có những vị trí đặc biệt cho mỗi ba điều đó. Đây là vòng lặp giống như vòng lặp while đầu tiên ở trên, như một vòng lặp for:

for (var y = 40; y < 400; y += 20) {
    text(y, 30, y);
}

Vòng lặp cũng có thể được lồng nhau . Nó thực sự rất phổ biến để làm tổ cho các vòng lặp, đặc biệt là trong các bản vẽ 2 chiều, bởi vì nó giúp dễ dàng vẽ các hình dạng giống như lưới. Khi chúng ta lồng một vòng lặp vào trong một vòng lặp, chúng ta sẽ nói với chương trình "làm điều này X nhiều lần và mỗi lần bạn làm điều đó, cũng làm điều này khác Y nhiều lần." Hãy suy nghĩ về việc vẽ một lưới - chúng tôi muốn nói với chương trình "tạo một cột 10 lần và cho mỗi cột, cũng tạo ra 15 ô bên trong nó." Đây là cách bạn có thể sử dụng các vòng lặp lồng nhau để đạt được điều đó:

for (var col = 0; col < 10; col++) {
    for (var row = 0; row < 15; row++) {
        rect(col*20, row*20, 20, 20);
    }
}

Khi nào bạn nên sử dụng vòng lặp for so với vòng lặp while? Tùy bạn. Nhiều lập trình viên thích các vòng lặp vì khó vô tình tạo ra một vòng lặp vô hạn (vì khó quên hơn để tăng biến đếm của bạn), nhưng đôi khi một vòng lặp while có thể có ý nghĩa hơn. Hãy thử cả hai!