Bir dizi içerisindeki tüm elemanları tek tek gezerek verilen fonksiyonu her eleman için çalıştıran bir Javascript dögüsüdür.
forEach bir dizi / array üzerinde çalışır. Bir adet callback fonksiyonu alır. Sonrasında dizinin tüm elemanlarını tek tek gezer ve her eleman için bu callback fonksiyonunu çalıştırır.
Önemli olan noktalardan bir tanesi de bu elemanı callback fonksiyonuna bir parametre olarak verir. Kullanım şekli şu şekildedir.
dizi.forEach(item => callback(item));veya inline bir fonksiyon kullanarak
dizi.forEach(item => {
// yapılacak işlemler
});şeklinde tanımlanabilir. İki yöntem de sonuç olarak aynı işlemi yapacaktır. Şimdi bir örnek yaparak bir dizi içerisindeki tüm isimleri tek tek konsola yazdıralım.
const isimler = ['Ahmet', 'Mehmet', 'Hasan'];
isimler.forEach(item => console.log(item, " bey..."));
// Konsola
// Ahmet bey...
// Mehmet bey...
// Hasan bey...
// şeklinde bir çıktı verecektir.
forEach dizisi ayrıca istenirse o an işlenen elemanin indeks değerini de verebilir. Şimdi başka bir işlem yapalım.
const renkler = ['Beyaz', 'Siyah', 'Kırmızı'];
const renkleriYazdir = (renk, index) => {
console.log(index, ' --> ', renk);
}
renkler.forEach((item, index) => renkleriYazdir(item, index));
// Konsola aşağıdaki gibi bir çıktı verir.
/*
0 --> Beyaz
1 --> Siyah
2 --> Kırmızı
*/Görüldüğü gibi forEach döngüsü ile çalışmak oldukça kolaydır. Aynı zamanda Javascript ile uygulama geliştirenlerin işini kolaylaştırır.
JavaScript Array forEach Metodu Nasıl Kullanılır? yazımızda daha ayrıntılı olarak bu metodu inceliyoruz.
Sonuç
Javascript forEach nedir sorusuna bir cevap aradık. Javascript döngülerinden bir tanesi olan forEach bir dizinin tüm elemanlarını tek tek dönerek kendisine verilen callback fonksiyonunu her eleman için bir defa çalıştırır.
Javascript ile ilgili olarak aklınıza takılan sorularınızı yorumlardan bize sorabilirsiniz.
