Bu öğreticide, örnekler yardımıyla JavaScript forEach () yöntemi hakkında bilgi edineceksiniz.
forEach()
Yöntem, bir işlevini çağırır ve bir dizinin elemanları üzerinden dolaşır. forEach()
Yöntem ayrıca Maps ve Kümeler Üzerinde kullanılabilir.
Her biri için JavaScript
forEach()
Yöntemin sözdizimi şöyledir:
array.forEach(function(currentValue, index, arr))
Buraya,
- function (currentValue, index, arr) - bir dizinin her bir öğesi için çalıştırılacak bir işlev
- currentValue - bir dizinin değeri
- dizin (isteğe bağlı) - geçerli öğenin dizini
arr (isteğe bağlı) - mevcut elemanların dizisi
ForEach with Arrays
forEach()
Yöntem, bir dizi yineleme için kullanılır. Örneğin,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Çıktı
John Sara Jack
Yukarıdaki programda, forEach()
yöntem myFunction()
bir öğrenci dizisinin her bir öğesini görüntüleyen işlevi alır .
Dizi Öğelerini Güncelleme
Yukarıdaki örnekte gördüğümüz gibi, forEach()
yöntem bir dizi üzerinde yineleme yapmak için kullanılır, dizi öğelerini güncellemek oldukça basittir. Örneğin,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item, index, arr) ( // adding strings to the array elements arr(index) = 'Hello ' + item; ) console.log(students);
Çıktı
("Merhaba John", "Merhaba Sara", "Merhaba Jack")
forEach ile Ok Fonksiyonu
Ok işlevini forEach()
yöntemle bir program yazmak için kullanabilirsiniz. Örneğin,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Çıktı
John Sara Jack
for döngüsü için forEach ()
for
Loop ve with ile nasıl bir program yazabileceğimize dair bir örnek forEach()
.
For döngüsü kullanma
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using for loop for (let i = 0; i < arrayItems.length; i++) ( copyItems.push(arrayItems(i)); ) console.log(copyItems);
Çıktı
("öğe1", "öğe2", "öğe3")
ForEach () kullanarak
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
for… of Sets ile
forEach()
Yöntemi kullanarak Set öğelerinde yineleme yapabilirsiniz . Örneğin,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Çıktı
1 2 3
Haritalar ile Her için
forEach()
Yöntemi kullanarak Harita öğeleri arasında yineleme yapabilirsiniz . Örneğin,
let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map map.forEach (myFunction); function myFunction(value, key) ( console.log(key + '- ' + value); )
Çıktı
isim- Jack yaş- 27