forEach ile callback

.forEach ile callback desenini öğrenirsin.

forEach ile callback

forEach metodu, callback alan bir fonksiyonun en bilinen örneklerinden biridir. Her eleman için callback'ini çağırır; böylece döngü yazmadan tüm elemanları gezebilirsin.

Sözdizimi: dizi.forEach(cb). Burada cb, her eleman için çağrılan callback'tir. Daha önce gördüğümüz forEach kullanımı callback deseniyle aynı şeydir; ok fonksiyonu bir callback olarak verilir.

Örnek: [10, 20, 30].forEach(n => console.log(n)). Burada n => console.log(n) callback'tir; forEach her eleman için onu çağırır. Sonuç undefined olur çünkü forEach yan etki içindir.

Callback üç parametre alır

forEach'in çağırdığı callback aslında üç parametre alabilir: (eleman, index, dizi). Çoğu durumda yalnızca eleman kullanılır; ama konumu da gerekirse index parametresi işe yarar.

Örnek: ['a', 'b', 'c'].forEach((harf, i) => console.log(i + ': ' + harf)). Bu çağrı her harfın yanına sıra numarasını yazar: 0: a, 1: b, 2: c. İndex parametresi konum bilgisi verir.

Üçüncü parametre olan dizi nadiren kullanılır; callback içinde tüm diziye erişmek gerektiğinde işe yarar. Çoğu durumda ilk iki parametre yeterlidir.

Uygulama Listeyi indeksle yazdır

['elma', 'armut', 'muz'] meyvelerinden oluşan bir dizi tanımla. forEach ile her meyve callback alarak i + ': ' + f biçiminde (i index, f meyve) console.log ile yazdır. Callback iki parametreli olsun.

Örnek çözümü göster

const fruits = ['elma', 'armut', 'muz'];
fruits.forEach((f, i) => console.log(i + ': ' + f));

Kendini test et

forEach callback parçalarını eşle

forEach

Callback kullanan metot
cb

Callback parametresi
n => console.log(n)

Callback olarak verilen ok fonksiyonu
undefined

forEach'in dönüş değeri
forEach callback'inin ikinci parametresi nedir?
- Eleman
- Dizi
- Index
- Uzunluk
Cevabı göster

Index — ikinci parametre index'tir ve sıra numarasını verir.

İndexle yazdır

const fruits = ['elma','armut','muz'];
fruits.forEach((f, i) => console.log(i + ': ' + ____));

Cevabı göster

const fruits = ['elma','armut','muz'];
fruits.forEach((f, i) => console.log(i + ': ' + f));

Sıradaki ders: Error-first callback

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler