Ebben az oktatóanyagban példák segítségével megismerheti a JavaScript forEach () metódust.
A forEach()
módszer függvényt hív és iterál egy tömb elemein. A forEach()
módszer a Térképeken és a Készleteken is használható.
JavaScript forEach
A forEach()
módszer szintaxisa :
array.forEach(function(currentValue, index, arr))
Itt,
- function (currentValue, index, arr) - egy tömb minden egyes eleméhez futtatandó függvény
- currentValue - egy tömb értéke
- index (opcionális) - az aktuális elem indexe
arr (opcionális) - az aktuális elemek tömbje
forMinden tömbökkel
A forEach()
módszert tömbön történő iterációra használják. Például,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Kimenet
John Sara Jack
A fenti programban a forEach()
metódus olyan myFunction()
függvényt vesz fel, amely megjeleníti a diák tömb minden elemét.
A tömbelemek frissítése
Amint azt a fenti példában láthattuk, a forEach()
metódust egy tömb fölötti iterációra használják, a tömb elemeinek frissítése meglehetősen egyszerű. Például,
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);
Kimenet
("Hello John", "Hello Sara", "Hello Jack")
forEach a nyíl funkcióval
A nyíl függvényt a forEach()
módszerrel program írására használhatja. Például,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Kimenet
John Sara Jack
for loop to forEach ()
Itt van egy példa arra, hogyan írhatunk programot for
hurokkal és forEach()
.
A hurokhoz használva
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);
Kimenet
("item1", "item2", "item3")
A forEach () használata
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
mert… a Sets-szel
A Set elemen keresztül iterálhat a forEach()
módszerrel. Például,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Kimenet
1 2 3
forEach a Maps segítségével
A forEach()
módszer segítségével iterálhat a Map elemeken keresztül . Például,
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); )
Kimenet
név- Jack életkora- 27