В този урок ще научите за метода JavaScript forEach () с помощта на примери.
В forEach()
метода нарича функция и повтаря над елементите на масив. В forEach()
метод може да се използва за Карти и комплекти.
JavaScript за всеки
Синтаксисът на forEach()
метода е:
array.forEach(function(currentValue, index, arr))
Тук,
- функция (currentValue, index, arr) - функция, която да се изпълнява за всеки елемент от масив
- currentValue - стойността на масив
- индекс (по избор) - индексът на текущия елемент
arr (по избор) - масивът от текущите елементи
forEach с масиви
В forEach()
метода се използва за обхождане масив. Например,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Изход
Джон Сара Джак
В горната програма forEach()
методът поема myFunction()
функция, която показва всеки елемент от масив от ученици.
Актуализиране на елементите на масива
Както видяхме в горния пример, forEach()
методът се използва за итерация над масив, доста е лесно да се актуализират елементите на масива. Например,
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);
Изход
("Здравей Джон", "Здравей Сара", "Здравей Джак")
forEach с функция стрелка
Можете да използвате функцията стрелка с forEach()
метода, за да напишете програма. Например,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Изход
Джон Сара Джак
за цикъл към forEach ()
Ето пример за това как можем да напишем програма с for
цикъл и с forEach()
.
Използване на цикъл 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);
Изход
("item1", "item2", "item3")
Използване на forEach ()
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
за … на с комплекти
Можете да прегледате елементите Set, като използвате forEach()
метода. Например,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Изход
1 2 3
forEach с Карти
Можете да прегледате елементите на картата, използвайки forEach()
метода. Например,
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); )
Изход
име- Джак възраст- 27