forEach ile callback
- Node.js kursu
- Başlangıç
- Ders 79/116
- 5 dk
.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.
Başlangıç kodu
// meyveleri forEach ile indeksle yazdırÖrnek çözüm
const fruits = ['elma', 'armut', 'muz'];
fruits.forEach((f, i) => console.log(i + ': ' + f));Beklenen çıktı
0: elma 1: armut 2: muz
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 forEach callback parçalarını eşle
| Kavram | Anlamı |
|---|---|
forEach |
Callback kullanan metot |
cb |
Callback parametresi |
n => console.log(n) |
Callback olarak verilen ok fonksiyonu |
undefined |
forEach'in dönüş değeri |
2 forEach callback'inin ikinci parametresi nedir?
- Eleman
- Dizi
- Index Doğru cevap
- Uzunluk
Açıklama: ikinci parametre index'tir ve sıra numarasını verir.
3 İndexle yazdır
const fruits = ['elma','armut','muz'];
fruits.forEach((f, i) => console.log(i + ': ' + ____));const fruits = ['elma','armut','muz'];
fruits.forEach((f, i) => console.log(i + ': ' + f));Açıklama: i + ': ' + f ile '0: elma' biçiminde satırlar yazılır.