for...of
- Node.js kursu
- Başlangıç
- Ders 44/116
- 4 dk
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.
Başlangıç kodu
const fruits = ["Elma", "Armut", "Muz"];
// for...of döngüsünü buraya yazÖrnek çözüm
const fruits = ["Elma", "Armut", "Muz"];
for (const f of fruits) {
console.log(f);
}Beklenen çıktı
Elma Armut Muz
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 for...of başlığını yaz
const fruits = ["elma", "armut"];
____ (const f of fruits) {
console.log(f);
}const fruits = ["elma", "armut"];
for (const f of fruits) {
console.log(f);
}Açıklama: for...of ile elemanları gezeriz.
2 Veri türünü durumuna eşle
| Kavram | Anlamı |
|---|---|
Dizi |
for...of ile elemanları |
Dize |
for...of ile harfleri |
Nesne |
for...in ile anahtarları |
Map |
for...of ile çiftleri |
3 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 Doğru cevap
Açıklama: for...of elemanları sırayla verir; 10, 20, 30 yazılır.