for...of

for...of ile iterable üzerinde gezinmeyi öğrenirsin.

for...of döngüsü

Bir dizinin (veya başka bir iterable'ın) elemanlarını sırayla gezmek için for...of kullanılır. Yazım: for (const item of items) { ... }. Her yinelemede item sıradaki elemanı alır.

Örneğin const fruits = ["elma", "armut", "muz"]; for (const f of fruits) { console.log(f); } üç meyveyi alt alta yazar. for...of dizinlerle değil doğrudan elemanlarla çalışır; bu yüzden dizin gerekmiyorsa for (let i = 0; ...)'den daha okunaklıdır. String de iterable'dır; her harfi tek tek gezebilirsin.

Iterable kavramı

Iterable, elemanları tek tek gezilebilen bir veri yapısıdır. JavaScript'te dizi, dize, Map, Set ve NodeList iterable'dır. for...of yalnızca iterable'lar üzerinde çalışır.

Sıradan nesneler (object) iterable değildir; for...of ile gezmek hata fırlatır. Nesnelerin anahtarlarını gezemek için for...in veya Object.keys() kullanılır. iterable kavramı, döngünün hangi veri türleriyle çalıştığını netleştirir; ileride iterator'lar ve generator'lar bu temele dayanır.

Uygulama Meyveleri yazdır

fruits değişkeni ["Elma", "Armut", "Muz"] değerini taşıyor. Bir for...of döngüsü yaz: const f of fruits ile her meyveyi gez ve console.log(f) ile yazdır. Çıktı üç satır olmalı: Elma, Armut, Muz.

Örnek çözümü göster

const fruits = ["Elma", "Armut", "Muz"];
for (const f of fruits) {
    console.log(f);
}

Kendini test et

for...of başlığını yaz

const fruits = ["elma", "armut"];
____ (const f of fruits) {
    console.log(f);
}

Cevabı göster

const fruits = ["elma", "armut"];
for (const f of fruits) {
    console.log(f);
}

Veri türünü durumuna eşle

Dizi

for...of ile elemanları
Dize

for...of ile harfleri
Nesne

for...in ile anahtarları
Map

for...of ile çiftleri
for (const x of [10, 20, 30]) { console.log(x); } çıktısı?
```
for (const x of [10, 20, 30]) { console.log(x); }
```
- 0 1 2
- 30 20 10
- 10
- 10 20 30
Cevabı göster

10 20 30 — for...of elemanları sırayla verir; 10, 20, 30 yazılır.

Sıradaki ders: for...in

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler