JavaScript igale ()

Lang L: none (table-of-contents)

JavaScript igaühele
forEach koos massiividega
Massiivielementide värskendamine
forEach noolefunktsiooniga
silmuse jaoks igale ()
jaoks ... koos komplektidega
igaüks koos Mapsiga

Selles õpetuses saate näidete abil õppida JavaScripti forEach () meetodi kohta.

forEach()Meetod nõuab funktsioonina ja itereerub üle massiivi elemente. forEach()Meetod võib kasutada ka Maps ja komplektid.

JavaScript igaühele

Meetodi süntaks forEach()on:

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

Siin,

function (currentValue, index, arr) - massiivi iga elemendi jaoks käivitatav funktsioon
currentValue - massiivi väärtus
indeks (valikuline) - praeguse elemendi indeks

arr (valikuline) - praeguste elementide massiiv

forEach koos massiividega

forEach()Meetodit kasutatakse Kerrata üle massiivi. Näiteks,

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

Väljund

 John Sara Jack

Ülaltoodud programmis forEach()võtab meetod myFunction()funktsiooni, mis kuvab õpilaste massiivi iga elemendi.

Massiivielementide värskendamine

Nagu ülaltoodud näites nägime, kasutatakse forEach()meetodit massiivi kohal kordamiseks, massiivi elementide värskendamine on üsna lihtne. Näiteks,

 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äljund

 ("Tere John", "Tere Sara", "Tere Jack")

forEach noolefunktsiooniga

Noolefunktsiooni saate forEach()meetodi abil kasutada programmi kirjutamiseks. Näiteks,

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

Väljund

 John Sara Jack

silmuse jaoks igale ()

Siin on näide, kuidas saame programmi kirjutada forsilmusega ja koos forEach().

Kasutamine silmuse jaoks

 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äljund

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

Kasutades forEach ()

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

jaoks … koos komplektidega

Selle forEach()meetodi abil saate elementide Määra kaudu korrata . Näiteks,

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

Väljund

 1 2 3

igaüks koos Mapsiga

Selle forEach()meetodi abil saate kaardi elementide kaudu korrata . Näiteks,

 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äljund