İç içe döngüler

JavaScript kursu · Başlangıç · Ders 40/133

İç içe döngülerle tablo ve matris gibi yapıları nasıl gezeceğini öğrenirsin.

İç içe döngüler

İç içe döngü, bir döngünün gövdesinde başka bir döngü bulunmasıdır. Dış döngü her çalıştığında iç döngü tamamen biter.

for (let i = 1; i <= 2; i++) {
  for (let j = 1; j <= 3; j++) {
    console.log(i + "-" + j);
  }
}

Burada dış döngü 2 kez, iç döngü her dış adımda 3 kez çalışır. Toplam 6 yazdırma olur. İç içe döngüler tablo ve matris gibi iki boyutlu yapıları gezmek için kullanılır.

Matris gezme

İç içe döngüler, satır ve sütunlardan oluşan iki boyutlu yapıları gezmek için idealdir. Dış döngü satırları, iç döngü sütunları dolaşır.

for (let row = 1; row <= 2; row++) {
  for (let col = 1; col <= 3; col++) {
    console.log(row + "," + col);
  }
}

Burada her satır için üç sütun gezilir. Çıktı: 1,1, 1,2, 1,3, 2,1, 2,2, 2,3. Böylece bir ızgara hücresi hücresine taranabilir.

Uygulama Üçgen deseni yazdır

İç içe for döngüleri ile 3 satırlık bir yıldız deseni yazdır. Her satırda satır numarası kadar yıldız olmalı. Her satırı bir row değişkeninde biriktirip console.log(row) ile yazdır. Beklenen çıktı:

*
**
***

Örnek çözümü göster

for (let i = 1; i <= 3; i++) {
  let row = "";
  for (let j = 1; j <= i; j++) {
    row += "*";
  }
  console.log(row);
}

Uygulama 3x3 çarpım tablosu

İç içe for döngüleri ile 3x3 bir çarpım tablosu yazdır. Dış döngü i'yi, iç döngü j'yi 1'den 3'e kadar gezsin. Her hücrede i * j değerini bir row değişkenine boşlukla ekle ve her satırı console.log(row) ile yazdır.

Örnek çözümü göster

for (let i = 1; i <= 3; i++) {
  let row = "";
  for (let j = 1; j <= 3; j++) {
    row += (i * j) + " ";
  }
  console.log(row);
}

Kendini test et

Bu kod ne yazdırır?
```
let sum = 0;
for (let i = 1; i <= 5; i++) {
  for (let j = 1; j <= 5; j++) {
    sum++;
  }
}
console.log(sum);
```
- 5
- 10
- 15
- 25
Cevabı göster

25 — İç döngü her dış adımda 5 kez çalışır. 5 dış × 5 iç = 25 artış olur.

İç döngünün alt sınırını tamamla

for (let i = 3; i >= 1; i--) {
  for (let j = 3; j >= ____; j--) {
    console.log(i * j);
  }
}

Cevabı göster

for (let i = 3; i >= 1; i--) {
  for (let j = 3; j >= 1; j--) {
    console.log(i * j);
  }
}

Dış ve iç döngü rollerini eşleştir

dış döngü

satırları dolaşır
iç döngü

sütunları dolaşır
i * j

hücre değeri

İç içe döngüler