JavaScript forEach ()

У цьому посібнику ви дізнаєтесь про метод 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

Цікаві статті...