Array.forEach() fonksiyonu, dizinin tüm elemanlarının tek tek belirtilen fonksiyona argüman olarak aktarılmasını sağlar.
Array.forEach() fonksiyonunu, desteklemeyen tarayıcılarda da kullanmak için Array.forEach fonksiyon betiğini kullanabilirsiniz.
Sözdizimi
Array.forEach(fonk [, thisElem])
| fonk | Dizi elemanlarının tek tek parametre olarak aktarılacağı fonksiyonu belirler |
| thisElem | Fonksiyon içinde this olarak kullanılacak nesneyi veya elementi belirler. |
Argüman Fonksiyonunun Yapısı ve Aktarılan Argümanlar
Array.forEach() fonksiyonuna parametre olarak aktarılarak dizi elemanlarının argüman olarak aktarılacağı fonksiyonun genel yapısı aşağıdaki gibi olmalıdır. Ayrıca, Array.forEach() fonksiyonuna thisElem ile aktarılan nesne veya element, bu fonksiyon içinde this ile kullanılabilir.
fonk_ForEach(eleman, sira, arrayRef) {
// İşlem yap ...
}
| eleman | Dizinin güncel sırasındaki eleman. |
| sira | Dizinin güncel sırası. |
| arrayRef | Array nesnesinin referansı. |
Aşağıdaki örnek, Array.forEach() fonksiyonu kullanılarak, bir paragrafın (P) çocuk elementlerini içeren bir dizi içindeki B elementlerinin arka plan renginin kırmızı yapılmasını göstermektedir.
<script type="text/javascript">
function forEachTestFonk(eleman, sira, arrayRef) {
// Düğüm, bir element düğümüyse ve düğüm adı 'B' ise..
if(eleman.nodeType == 1 && eleman.nodeName == 'B')
eleman.style.backgroundColor = "red";
}
function forEachTest() {
var elems = document.getElementById("forEachCerc").childNodes;
var dizi = [];
for(var i = 0;i < elems.length;i++) {
dizi.push(elems[i]);
}
dizi.forEach(forEachTestFonk);
}
</script>
<p id="forEachCerc">Bu paragraf, <em>italik</em>, <b>Kalın</b> ve
<span>span</span> içinde <strong>elemanlar</strong> içeren <b>örnek</b> bir paragraftır.</p>
<input type="button" value="Kırmızı Yap" onclick="forEachTest()" />
Test Edin