for...of döngüsü

for...of ile dizinin değerleri üzerinde nasıl döneceğini öğrenirsin.

for...of ile değerler üzerinde döngü

for...of döngüsü, dizinin değerleri üzerinde dolaşır. Klasik for döngüsünden farklı olarak indeks ve sayaç gerekmez.

Sözdizimi: for (const eleman of dizi) { ... }. Her yinelemede eleman değişkeni sıradaki değeri alır.

Örnek: for (const color of colors) { console.log(color); } her rengi yazdırır.

for...of ve forEach farkı

for...of bir deyimdir (statement); break ile erken çıkabilir, continue ile atlayabilirsin.

forEach bir metottur; break ile durdurulamaz. Erken çıkış gerekiyorsa for...of seçmelisin.

İndeks gerekirse forEach'in ikinci parametresi veya klasik for döngüsü kullanılır; for...of indeksi doğrudan vermez.

Yani döngüyü ne için kullanacağına göre doğru aracı seçmelisin: erken çıkış için for...of, indeks için forEach veya klasik for.

Uygulama letters dizisini for...of ile yazdır

letters adında en az dört harf dizesi içeren bir dizi oluştur. for...of ile her harfi console.log ile yazdır.

Örnek çözümü göster

Diziyi köşeli parantezle yaz, sonra for...of ile gez.
Örnek çözüm:
const letters = ["a", "b", "c", "d"];
for (const letter of letters) {
  console.log(letter);
}

Kendini test et

for...of ile renkleri yazdır

const colors = ["kırmızı", "mavi", "yeşil"];
for (const color of ____) {
  console.log(color);
}

Cevabı göster

const colors = ["kırmızı", "mavi", "yeşil"];
for (const color of colors) {
  console.log(color);
}

n değişkeni ilk yinelemede ne olur?
```
const nums = [10, 20, 30];
for (const n of nums) {
  console.log(n);
}
```
- 10
- 0
- 1
- nums
Cevabı göster

10 — Doğru. for...of ilk yinelemede ilk değeri verir; burada 10.
Döngü türlerini davranışıyla eşleştir

for...of

değerleri verir
forEach

callback çalıştırır
for (klasik)

indeksi verir

Sıradaki ders: indexOf ile arama

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler