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. Перебираючі методи масивів

Перебираючі методи масиву

Перебираючі методи масивів дозволяють зручно працювати з кожним елементом масиву, виконуючи певні операції над кожним елементом чи створюючи новий масив на основі вихідного.

Їх ще часто називають функціональними медодами, бо прийшли вони з функціональних мов. Більшість з них - це чисті функції.

Стандартний синтаксис перебираючого методу має такий вигляд:

array.method(callback[currentValue, index, array])

Тут array - це масив, який ми перебиратимемо, method - назва методу, який будемо застосовувати.

На цьому етапі визначаємо стандартний синтаксис для всіх перебираючих методів. Конкретні методи будуть розглянуті далі.

Всередині методу передається колбек-функція. Вона може бути як класична так і стрілкова. Першим параметром іде currentValue - елемент поточної ітерації, другим index - індекс елемента поточної ітерації, третій параметр array - весь вихідний масив. Назви параметрам можна давати різні, головне, щоб зберігався їх порядок. Далі приклади...

// Перебираючий метод з класичною колбек-функцією
array.method(function (item, index, array) {
  // Логіка, яка виконуватиметься на кожній ітерації
});

Зазвичай у ролі колбек-функції перебираючих методів використовуют саме стрілкові функції.

// Перебираючий метод з стрілковою колбек-функцією
array.method((item, index, array) => {
   // Логіка, яка виконуватиметься на кожній ітерації
});

Якщо другий чи третій параметр не використовуватимуться, то їх можна не вказувати.

array.method(item => {
  // Логіка, яка виконуватиметься на кожній ітерації
});

Також у колбек-функціях може бути використане неявне повернення.

PreviousПеребираючі методи масивівNextМетод map()

Last updated 1 year ago

📚
7️⃣