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