У цьому посібнику ви дізнаєтесь про метод JavaScript forEach () за допомогою прикладів.
forEach()
Метод викликає функцію і перебирає елементи масиву. Цей forEach()
метод також може бути використаний на Картах та Наборах.
JavaScript для кожного
Синтаксис forEach()
методу:
array.forEach(function(currentValue, index, arr))
Ось,
- функція (currentValue, index, arr) - функція, яка запускається для кожного елемента масиву
- currentValue - значення масиву
- index (необов’язково) - індекс поточного елемента
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