JavaScript: методи масивів від А до Я

Практичний курс для тих, хто хоче впевнено працювати з масивами в JavaScript - від базового додавання елементів до акумуляції даних через reduce. Кожен урок присвячений одному методу (або парі споріднених, як push/pop), розкриває його семантику без зайвої теорії та закріплюється завданнями на код із автоматичними тестами.

Чого ви навчитеся

• Додавати, видаляти, копіювати та змінювати елементи масивів (push, pop, shift, splice, slice, concat).
• Перетворювати масиви: map, join, sort, reverse, flat, плюс немутуючі ES2023-аналоги (toSorted).
• Фільтрувати й шукати дані (filter, find, some, every, includes, indexOf).
• Згортати масиви в єдине значення через reduce / reduceRight.
• Створювати та ітерувати масиви сучасними способами (Array.from, Array.of, entries, forEach, at, fromAsync).

Особливий акцент

Окрему увагу приділено тому, що часто плутають: мутуючі vs немутуючі методи, що саме повертає метод, поведінка з порожнім масивом і undefined, посилання vs копія. Усі приклади — на сучасному ES6+ (const/let, console.log).

Структура

28 уроків на 4 тижні — від базових операцій до застосування масивів у реальних задачах та автоматизації тестів.

Тиждень 1. Базові методи роботи з масивами

• push() і pop() — додавання та видалення елементів із кінця
• shift() і unshift() — робота з початком масиву
• concat() — об'єднання масивів
• slice() — копіювання частини масиву
• splice() — додавання, заміна та видалення елементів
• indexOf(), lastIndexOf() — пошук елементів
• includes() — перевірка наявності елемента

Тиждень 2. Перетворення масивів

• join() — створення рядка з масиву
• reverse() — зміна порядку елементів
• sort() — сортування масивів
• toSorted() — сортування без зміни вихідного масиву (ES2023)
• map() — створення нового масиву
• flat() і flatMap() — згладжування вкладених масивів
• fill() — заповнення масиву значеннями

Тиждень 3. Фільтрація та пошук

• filter() — вибірка елементів за умовою
• find() і findIndex() — пошук першого підходящого елемента
• findLast() і findLastIndex() — пошук з кінця масиву (ES2023)
• some() і every() — перевірка умов
• reduce() — акумуляція значень
• reduceRight() — зворотна акумуляція
• Array.isArray() — перевірка, чи є значення масивом

Тиждень 4. Робота з масивами в реальних задачах

• Array.from() — створення масивів
• Array.of() — створення масиву з аргументів
• entries(), keys(), values() — ітерація по масиву
• forEach() — альтернатива for для масивів
• copyWithin() — копіювання частини масиву
• at() — зручне отримання елементів
• fromAsync() — асинхронне створення масивів

Формат

Чистий конспект для читання + набір завдань на код із автотестами на кожну тему.