Örnek
Dizideki her öğeyi listeleyin:
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p
id="demo"></p>
<script>
demoP = document.getElementById("demo");
var numbers =
[4, 9, 16, 25];
function myFunction(item, index) {
demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br
/>";
}
</script>
Sonuç şu olacaktır:
index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
forEach() metodu, sırasıyla, bir dizideki her bir elemanı için bir kez verilen işlevini çağırır.
Not: forEach() değerleri olmadan dizi elemanları fonksiyonu uygulamaz.
Tarayıcı Desteği
Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.
Yöntem | |||||
---|---|---|---|---|---|
forEach() | Evet | 9.0 | 1.5 | Evet | Evet |
Sözdizimi
Parametre Değerleri Parametre Açıklama function(currentValue, index,arr) Gereklidir. Bir fonksiyon dizideki her bir eleman için çalıştırılacak.
Fonksiyon argümanları: tartışma Açıklama currentValue Gereklidir. elemanın değeri index İsteğe bağlı. mevcut elemanın dizi dizini arr İsteğe bağlı. dizi mevcut eleman ait nesne
thisValue İsteğe bağlı. Bir değeri olarak kullanılacak işleve geçirilecek "this" değeri.
Bu parametre boşsa, değer "undefined" onun kadar geçilecek "this" değeri
Teknik detaylar
Geri dönüş değeri: tanımlanmamış JavaScript Versiyon: 1.6
Diğer Örnekler
Örnek
Dizideki tüm değerlerin toplamını alın:
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p>Sum
of numbers in array: <span id="demo"></span></p>
<script>
var sum
= 0;
var numbers = [65, 44, 12, 4];
function myFunction(item) {
sum += item;
demo.innerHTML=sum;
}
</script> Kendin dene " Örnek
Belirli bir sayıda dizideki tüm değerleri çarpın:
<p>Multiply with: <input type="number" id="multiplyWith" value="10"></p>
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p>Updated array: <span id="demo"></span></p>
<script>
var numbers
= [65, 44, 12, 4];
function myFunction(item,index,arr) {
arr[index] = item * document.getElementById("multiplyWith").value;
demo.innerHTML=numbers;
}
</script> Kendin dene "
<JavaScript Dizi Referans