JavaScript katram ()

Satura rādītājs

JavaScript katram
forKatrs ar masīviem
Masīva elementu atjaunināšana
forEach ar bultiņas funkciju
for loop to forEach ()
par… no ar komplektiem
forEach ar Maps

Šajā apmācībā jūs uzzināsit par JavaScript forEach () metodi ar piemēru palīdzību.

forEach()Metode prasa funkciju un uzsvērts, vairāk elementus masīvā. forEach()Metodi var arī izmantot Maps un komplekti.

JavaScript katram

Metodes sintakse forEach()ir šāda:

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

Šeit,

function (currentValue, index, arr) - funkcija, kas jāizpilda katram masīva elementam
currentValue - masīva vērtība
indekss (pēc izvēles) - pašreizējā elementa indekss

arr (pēc izvēles) - pašreizējo elementu masīvs

forKatrs ar masīviem

forEach()Metode tiek izmantota, lai atkārtot pār masīvs. Piemēram,

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

Rezultāts

 Džons Sara Džeks

Iepriekš minētajā programmā forEach()metode aizņem myFunction()funkciju, kas parāda katru studentu masīva elementu.

Masīva elementu atjaunināšana

Kā redzējām iepriekš minētajā piemērā, forEach()metodi izmanto, lai atkārtotu masīvu, masīva elementu atjaunināšana ir diezgan vienkārša. Piemēram,

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

Rezultāts

 ("Sveiks Džons", "Sveika Sara", "Sveiks Džeks")

forEach ar bultiņas funkciju

forEach()Programmas rakstīšanai ar metodi var izmantot bultiņas funkciju . Piemēram,

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

Rezultāts

 Džons Sara Džeks

for loop to forEach ()

Šeit ir piemērs tam, kā mēs varam uzrakstīt programmu ar forcilpu un ar forEach().

Izmantojot cilpu

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

Rezultāts

 ("item1", "item2", "item3")

Izmantojot forEach ()

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

par… no ar komplektiem

Izmantojot forEach()metodi, varat atkārtot elementus Set . Piemēram,

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

Rezultāts

 1 2 3

forEach ar Maps

Izmantojot forEach()metodi, varat atkārtot kartes elementus . Piemēram,

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

Rezultāts