Atölye › Tuğla Kırma › 16/39. adım

Koca bir duvar: döngü içinde döngü

Ne yapıyoruz

Bir sıra yetmez; 5 sıra istiyoruz. Sütun döngüsünü bir sıra döngüsünün içine koyacağız: dıştaki döngü sıraları gezer, her sıra için içteki döngü 8 sütunu baştan sona gezer. 5 × 8 = 40 tuğla.

Bir apartmanın katlarını ve dairelerini sayar gibi: 1. kat 1, 2, 3... daire; sonra 2. kat 1, 2, 3...

```js
const ROWS = 5

  for (let row = 0; row < ROWS; row++) {
    for (let col = 0; col < COLS; col++) {
      bricks.push({ x: LEFT + col * (BRICK_W + GAP), y: TOP + row * (BRICK_H + GAP), row, alive: true })
    }
  }
```

Ne işe yarıyor

const ROWS = 5 → sıra sayısı.
for (let row = 0; row < ROWS; row++) { → dış döngü: row = 0, 1, 2, 3, 4.
İçteki for (let col ...) → iç döngü: her row için baştan col = 0...7. Toplam 40 tur.
y: TOP + row * (BRICK_H + GAP) → her sıra bir öncekinden bir tuğla boyu artı bir boşluk (22 piksel) aşağıda. row = 1 için 50 + 22 = 72.
row (yalnız) → kısaltma: row: row ile aynı; "row alanına row sayacının değerini koy".
İç döngü iki boşluk daha içeride yazılır; kapanan } sayısına dikkat: iki döngü, iki }.

Sıra sende

const COLS = 8 satırının altına const ROWS = 5 yaz.
buildBricks içinde sütun döngüsünün üstüne for (let row = 0; row < ROWS; row++) { yaz, sütun döngüsünü iki boşluk içeri al ve altına kapanan } ekle.
push satırında y: TOP yerine y: TOP + row * (BRICK_H + GAP), row: 0 yerine row yaz.
Çalıştır: 5 sıralık kırmızı bir duvar görmelisin.

Beceriler: Döngüler

← Tuğlaları çiz Her sıraya bir renk →

Koca bir duvar: döngü içinde döngü

Ne yapıyoruz

Ne işe yarıyor

Sıra sende

Tüm adımlar