forEach ile döngü
forEach ile callback mantığını kullanarak diziyi nasıl gezeceğini öğrenirsin.
forEach ile dizi gezmek
Bir dizinin tüm elemanlarını gezmek için forEach metodu kullanılır. forEach, her eleman için bir callback fonksiyonu çalıştırır.
Örnek: fruits.forEach(fruit => console.log(fruit)); dizinin her elemanını sırayla yazdırır.
forEach yeni bir dizi dönmez; dönüş değeri undefined'dir. Bu yüzden sonuçları toplamak için uygun değildir, sadece elemanları tek tek işlemek için kullanılır.
fruit => console.log(fruit) kısa bir fonksiyon yazımıdır (ok fonksiyonu): okun solu parametre, sağı çalışacak ifadedir. function (fruit) { console.log(fruit); } ile aynı işi yapar; ayrıntısını orta seviyede göreceksin.
forEach'in üç parametresi
Callback fonksiyonu üç parametre alabilir: (eleman, index, dizi). Sadece birincisi zorunludur; diğerlerini ihtiyaca göre kullanırsın.
Örnek: fruits.forEach((fruit, i) => console.log(i + ". " + fruit)); her elemanı indeksiyle birlikte yazdırır.
İkinci parametre indeks, üçüncü parametre dizinin kendisidir. İsimler önemli değildir; sıra önemlidir.
Uygulama fruits dizisini forEach ile yazdır
fruits adında en az üç meyve dizesi içeren bir dizi oluştur. forEach ile her elemanı console.log ile yazdır.
Örnek çözümü göster
Diziyi köşeli parantezle yaz, sonra forEach içine bir callback ver.
Örnek çözüm:
const fruits = ["elma", "armut", "muz"];
fruits.forEach(fruit => console.log(fruit));Kendini test et
-
Bu kod çalışınca console.log kaç kez çalışır?
const nums = [10, 20, 30]; nums.forEach(n => console.log(n));- 1
- 3
- 0
- 2
Cevabı göster
3 — Doğru. forEach her eleman için callback'i çağırır; 3 eleman için 3 kez çalışır.
-
forEach ile her elemanı yazdır
const fruits = ["elma", "armut", "muz"]; fruits.forEach(fruit => console.log(____));Cevabı göster
const fruits = ["elma", "armut", "muz"]; fruits.forEach(fruit => console.log(fruit)); -
forEach callback parametrelerini eşleştir
- 1. parametre
- elemanın değeri
- 2. parametre
- elemanın indeksi
- 3. parametre
- dizinin kendisi