Döngüler: for, while ve for...of

Öğretmeninin senden 1'den 100'e kadar bütün sayıları yazdırmanı istediğini düşün. 100 kez console.log yazabilirsin, ama bu hem yorucu hem de hataya açıktır. Bilgisayar tekrardan yorulmaz; ona bir döngü ile “bunu 100 kez yap” demen yeterlidir.

for döngüsü

Tekrar sayısı önceden belliyse en uygun seçim for döngüsüdür. Parantezinin içinde noktalı virgülle ayrılmış üç parça vardır:

1. Başlangıç: let i = 1 — sayaç oluşturulur. Bu yalnızca bir kez, en başta çalışır.
2. Koşul: i <= 5 — her tekrardan önce kontrol edilir. Yanlış olduğu anda döngü durur.
3. Adım: i++ — her tekrardan sonra sayacı değiştirir.

for (let i = 1; i <= 5; i++) {
  console.log(`Lap ${i}`);
}

for (let i = 10; i > 0; i -= 3) {
  console.log('Countdown:', i);
}

Lap 1
Lap 2
Lap 3
Lap 4
Lap 5
Countdown: 10
Countdown: 7
Countdown: 4
Countdown: 1

let sum = 0;

for (let i = 1; i <= 100; i++) {
  sum += i;
}

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

Sum: 5050

while ve do...while

Bazen kaç tekrar gerektiğini bilmeyiz. Örneğin Leyla'nın 50 manatı var ve her ay 20 manat biriktiriyor. 200 manatlık bisiklet için kaç ay gerekir? while döngüsü koşul doğru olduğu sürece tekrarlanır:

let savings = 50;
let months = 0;

while (savings < 200) {
  savings += 20;
  months++;
}

console.log(`${months} months, ${savings} AZN`);

8 months, 210 AZN

do...while döngüsü koşulu gövdeden sonra kontrol eder; bu yüzden koşul baştan yanlış olsa bile gövde en az bir kez çalışır. Aşağıdaki örnekte koşul yanlış, ama mesaj yine de bir kez yazdırılıyor.

let attempts = 5;

do {
  console.log('Attempt number', attempts);
  attempts++;
} while (attempts < 3);

Attempt number 5

for...of: bir listeyi dolaşmak

Döngüler çoğu zaman bir listenin her elemanıyla bir şey yapmak için yazılır. Köşeli parantez içindeki listeye dizi (array) denir; onu ayrı bir derste öğreneceğiz. for...of döngüsü bir dizinin ya da string'in elemanlarını tek tek alır; sayaca gerek kalmaz.

const cities = ['Baku', 'Ganja', 'Shaki'];

for (const city of cities) {
  console.log(`I want to visit ${city}`);
}

for (const letter of 'JS') {
  console.log(letter);
}

I want to visit Baku
I want to visit Ganja
I want to visit Shaki
J
S

break ve continue

break döngüyü hemen durdurur; continue ise yalnızca o anki yinelemenin kalanını atlayıp bir sonrakine geçer. Aşağıdaki kodda çift sayılar continue ile atlanıyor, 7'den büyük bir sayı gelince de break döngüyü bitiriyor.

for (let i = 1; i <= 10; i++) {
  if (i % 2 === 0) {
    continue;
  }
  if (i > 7) {
    break;
  }
  console.log(i);
}

1
3
5
7

const n = 7;
// print n x 1 = ... up to n x 5 = ...

7 x 1 = 7
7 x 2 = 14
7 x 3 = 21
7 x 4 = 28
7 x 5 = 35