JavaScript de dizi elemanlarını bir döngüye alıp sırasıyla işlem yapmak için forEach metodunu kullanabiliriz. Bu yazımda forEach metodunun kullanımını örnekler üzerinden anlatacağım.
JavaScript forEach Kullanımı
Array.forEach() metodu ile bir dizinin tüm elemanlarını döngüye alabiliriz. Kullanımı şu şekildedir:
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> diziAdi.forEach(function (value, index, array) { // Çalıştırılacak Kodlar }); </script> |
Burada function içerisinde 3 parametre tanımlayabiliyoruz. Bunlar:
- value : Bu parametre zorunludur ve dizi elemanlarının değerini tutar.
- index : Bu parametre isteğe bağlıdır ve dizi elemanlarının indeks numarasını tutar.
- array : Bu parametre isteğe bağlıdır ve dizinin kendisini tutar.
Şimdi bir dizi tanımlayalım ve forEach metodu ile dizi elemanları içerisinde dönelim. Her seferinde dizi elemanının değerini, index numarasını ve dizinin kendisini console ekranına yazdıralım.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<script> var sayilar = ["43","12","76","98","27"]; sayilar.forEach(function (value, index, array) { console.log("Değeri : " + value + " " + "İndeksi : " +index + " " + "Dizi : " + array); }); </script> |
Çıktısı :
Değeri : 43 İndeksi : 0 Dizi : 43,12,76,98,27
Değeri : 12 İndeksi : 1 Dizi : 43,12,76,98,27
Değeri : 76 İndeksi : 2 Dizi : 43,12,76,98,27
Değeri : 98 İndeksi : 3 Dizi : 43,12,76,98,27
Değeri : 27 İndeksi : 4 Dizi : 43,12,76,98,27
Sadece dizi elemanlarının değeri üzerinden işlem yapacaksanız diğer parametreleri yazmayabilirsiniz.
Örneğin dizinin tüm elemanlarını bir döngüye alalım ve her elemanın değerinin 2 katını console ekranına yazdıralım.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> var sayilar = ["43","12","76","98","27"]; sayilar.forEach(function (value) { value = value * 2; console.log("Değerin İki Katı : " + value); }); </script> |
Çıktısı :
Değerin İki Katı : 86
Değerin İki Katı : 24
Değerin İki Katı : 152
Değerin İki Katı : 196
Değerin İki Katı : 54
⇒ Array.forEach() metodu Internet Explorer 8 veya öncesi hariç tüm tarayıcılarda desteklenir.
Umarım “JavaScript forEach Kullanımı” başlıklı yazım sizin için faydalı olmuştur.
Şu yazılar da ilginizi çekebilir.
JavaScript Diziler (Dizi Oluşturma, Dizi Elemanlarına Erişme..)
JavaScript Dizi Metodları (pop, push, shift, unshift, slice..)
JavaScript Dizilerde Sıralama – En Küçük veya En Büyük Değeri Bulma
Yeni bir yazımda görüşmek üzere.
){kind=link}