JavaScript forEach ()

V tomto výučbe sa pomocou príkladov dozviete o metóde JavaScript forEach ().

forEach()Spôsob volá funkciu a iteruje cez prvky poľa. Túto forEach()metódu je možné použiť aj v Mapách a množinách.

JavaScript pre každú

Syntax forEach()metódy je:

 array.forEach(function(currentValue, index, arr))

Tu,

function (currentValue, index, arr) - funkcia, ktorá sa má spustiť pre každý prvok poľa
currentValue - hodnota poľa
index (voliteľné) - index aktuálneho prvku

arr (voliteľné) - pole aktuálnych prvkov

forEach with Arrays

forEach()Metóda sa používa pre iteráciu cez pole. Napríklad,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )

Výkon

 John Sara Jack

Vo vyššie uvedenom programe forEach()metóda preberá myFunction()funkciu, ktorá zobrazuje každý prvok poľa študentov.

Aktualizácia prvkov poľa

Ako sme videli vo vyššie uvedenom príklade, forEach()metóda sa používa na iteráciu po poli, aktualizácia prvkov poľa je celkom jednoduchá. Napríklad,

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

Výkon

 („Hello John“, „Hello Sara“, „Hello Jack“)

forEach with Arrow Function

Pri forEach()písaní programu môžete s metódou použiť funkciu šípky . Napríklad,

 // with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));

Výkon

 John Sara Jack

pre slučku pre každú ()

Tu je príklad toho, ako môžeme písať program so forslučkou a so forEach().

Pomocou slučky for

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

Výkon

 („položka1“, „položka2“, „položka3“)

Používanie forEach ()

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);

pre … zo súprav

Môžete iterovať cez prvky množiny pomocou tejto forEach()metódy. Napríklad,

 // define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )

Výkon

 1 2 3

forEach with Maps

Môžete iterovať cez prvky mapy pomocou tejto forEach()metódy. Napríklad,

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

Výkon