JavaScript
  • 🧑‍💻Full-Stack Web Developer
  • 📚Теорія
    • 1️⃣Змінні і типи
      • Знайомство з JavaScript
      • Інструменти розробника
      • Підключення скрипту
      • Основи синтаксису
      • Змінні і типи
      • Взаємодія з користувачем
      • Основні оператори
      • Числа
      • Рядки
      • Логічні операції
    • 2️⃣Розгалудження і цикли
      • Розгалуження
      • Тернарний оператор
      • Інструкція switch
      • Область видимості
      • Цикли
    • 3️⃣Масиви
      • Масиви
      • Ітерація по масиву
      • Присвоєння за посиланням і значенням
      • Методи масиву
    • 4️⃣Функції
      • Функції
      • Стек викликів
    • 5️⃣Обʼєкти
      • Обʼєкти
      • Перебирання обʼєкта
      • Масив обʼєктів
      • Операції spread і rest
      • Деструктуризація обʼєктів
      • Деструктуризація масивів
      • Паттерн "обʼєкт параметрів"
    • 6️⃣Колбек-функції, стрілкові функції, перебір масиву
      • Колбек-функції
      • Метод forEach
      • Стрілкові функції
      • Підходи до написання коду
      • Чисті функції
    • 7️⃣Перебираючі методи масивів
      • Перебираючі методи масиву
      • Метод map()
      • Метод flatMap()
      • Метод filter()
      • Метод find()
      • Метод findIndex()
      • Методи every() і some()
      • Метод reduce()
      • Метод sort()
      • Ланцюжки методів
    • 8️⃣Контекст, прототипи та класи
      • Контекст виконання функції
      • Правила визначення this
      • Методи функцій
      • Об'єктно-орієнтоване програмування
      • Прототипне наслідування
    • Класи
  • 👷Практика
    • 👷Практика
    • Page 1
  • Про мене
    • Про мене
Powered by GitBook
On this page
  1. Теорія
  2. Колбек-функції, стрілкові функції, перебір масиву

Метод forEach

PreviousКолбек-функціїNextСтрілкові функції

Last updated 1 year ago

Метод forEach() використовують для ітерації (перебору) елементів масиву та виклику переданої колбек-функції для кожного елемента. Цей метод використовують як заміну циклів for і for...of в роботі з колекцією даних.

array.forEach(function(element, index, array) {
    // виконати дії з елементом масиву
});

Порядок виконання методу forEach():

  • При кожній ітерації по порядку беруться елементи масива.

  • На кожній ітерації метод викликає колбек-функцію для кожного елемента масиву.

  • Як аргументи першим приймає сам елемент element, другим - індекс елемента index, третім - весь вихідний масив array. Можна оголошувати тільки необхідні параметри, найчастіше - це елемент, головне не забувати про їх порядок.

  • Метод нічого не повертає.

let numbers = [1, 2, 3, 4, 5];

numbers.forEach(function (element, index) {
  console.log(`Елемент ${element} має індекс ${index}`);
});

Важливо зауважити, що forEach() не створює новий масив, а просто перебирає існуючий масив.

Перервати виконання методу forEach не можна, він завжди перебирає масив до кінця. Тому, якщо передбачається мождивість переривання циклу, то обирають for або for...of.

📚
6️⃣