JavaScript forEach ()

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 ()

forLoop 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

Ilginç makaleler...