Döngülerle ilgili bu derste öğrendiklerimizi tekrar edelim.
Program yazarken, sıklıkla bir kod parçasını yinelemek veya her seferinde bir şey değiştirerek yinelemek isteriz. Bütün bu kodu yazmaktan kurtulmak için, bir döngü kullanabiliriz. JavaScript'te iki tür döngü vardır, while döngüsü ve for döngüsü.
while döngüsü bir koşul yanlış olana kadar kodu yinelemenin bir yoludur. Örneğin, bu while döngüsü, y 400'den küçük olduğu sürece, y'nin (30, y)'deki değerini gösterecektir. Bu döngü her çalıştığında, y'ye 20 ekler; buna göre, y 40'tan başlar ama 60, 80, 100, 120, vb. şeklinde artar.
var y = 40;
while (y < 400) {
text(y, 30, y);
y += 20;
}
Parantezin içindeki koşulun belli bir noktada yanlış olması önemlidir - yoksa, sonsuz döngü olarak adlandırılan bir durum oluşur! y += 20'yi kaldırırsak bu durum ortaya çıkar; çünkü y sonsuza kadar 40 olur ve hep 400'den küçük olur, dolayısıyla program nerede duracağını bilemez.
var y = 40;
while (y < 400) {
text(y, 30, y);
}
for döngüsü while döngüsüyle benzerlik gösterir, ama söz dizimi daha özeldir. Programcılar, for döngüsünü, hep aynı üç şeyi yaptıklarının farkına vardıklarında icat ettiler - (üstteki y gibi) döngü sayaç değişkenleri oluşturmak, bunları belli bir miktarda artırmak ve bunların bir değerden küçük olup olmadıklarını kontrol etmek. Bir for loop söz diziminde bu üç şeyin her biri için özel bir yer vardır. Üstteki ilk while döngüsünün aynısını, bir for döngüsü olarak şöyle yazarız:
for (var y = 40; y < 400; y += 20) {
    text(y, 30, y);
}
Döngüler iç içe de olabilir. for döngülerini iç içe yerleştirmek aslında çok yaygındır (özellikle 2 boyutlu çizimlerde), çünkü bu ağ şeklindeki şekilleri çizmeyi oldukça kolaylaştırır. Bir döngüyü başka bir döngünün içine koyduğumuzda, programa şöyle diyoruz, "bu X işini birçok kere yap ve bunu yaptığın her seferde, bu Y işini de birçok kere yap." Bir ağ çizmeyi düşünün - programa "10 kere sütun oluşturmasını ve her sütunun içinde ayrıca 15 hücre çizmesini" söylemek isteriz. Bunun için, iç içe döngüleri şu şekilde kullanabiliriz:
for (var col = 0; col < 10; col++) {
    for (var row = 0; row < 15; row++) {
        rect(col*20, row*20, 20, 20);
    }
}
Ne zaman bir for döngüsü veya while döngüsü kullanmalısınız? Bu size bağlı. Birçok programcı for döngüsünü tercih eder, çünkü yanlışlıkla sonsuz bir döngü oluşturmak daha zordur (çünkü sayaç değişkenini arttırmayı unutmak daha zordur), ama bazen bir while döngüsü daha mantıklıdır. İkisini de deneyin!