Які перебираючі методи масиву знаєте? У чому їхня відмінність?

Повне пояснення

Що це і навіщо

• forEach, map, filter, reduce – це стандартні перебираючі методи масиву в JavaScript, що дозволяють виконувати операції над елементами без явного циклу.

Ключові принципи/терміни

• forEach: виконує колбек для кожного елемента, не повертаючи новий масив.
• map: створює новий масив, застосовуючи колбек до кожного елемента.
• filter: повертає масив, що містить лише ті елементи, які задовольняють умову.
• reduce: агрегує всі елементи в одне значення (число, об’єкт тощо).
• entries/keys/values: повертають ітератори, що дозволяють перебирати ключі, значення або пари [ключ, значення].

Як це працює

• Кожен метод приймає колбек (element, index, array) і виконується послідовно.
• forEach не змінює масив, а лише виконує побічні дії.
• map створює новий масив, не змінюючи оригінальний.
• filter також повертає новий масив, але з фільтрованими елементами.
• reduce приймає акумулятор і повертає одне значення після завершення.
• entries, keys, values повертають ітератори, які можна використовувати в циклі for...of.

Практика і реалізація

const nums = [1, 2, 3];
nums.forEach(n => console.log(n)); // 1 2 3
const doubled = nums.map(n => n * 2); // [2,4,6]
const evens = nums.filter(n => n % 2 === 0); // [2]
const sum = nums.reduce((a,b)=>a+b,0); // 6

Тестування

import { describe, it } from 'vitest';
describe('array methods', () => {
  it('map returns new array', () => {
    const res = [1,2].map(x=>x*3);
    expect(res).toEqual([3,6]);
  });
});

Особливості в контексті JS Core

• Методи працюють на ES5+.
• reduce може приймати початкове значення, що визначає тип акумулятора.
• entries повертає індекс як ключ, що корисно при переборі з for...of.

Оптимізація, типові помилки та edge cases

• Не використовуйте forEach для створення нового масиву – краще map.
• У reduce не забувайте про початкове значення, інакше перший елемент буде використаний як акумулятор.
• filter повертає новий масив, тому не використовуйте його для великих даних без потреби.

Часті помилки

1. Відсутність початкового значення в reduce → TypeError.
2. Використання forEach замість map → не отримуєте новий масив.
3. Неочікуване мутування оригінального масиву в колбеках map/filter.
4. Перевантаження колбека великими обчисленнями → зниження продуктивності.
5. Забудьте про return у колбеку filter → повертає undefined.
6. Використання entries() без розпакування [key, value] → помилка.
7. reduce без обробки випадку порожнього масиву → NaN.
8. forEach з асинхронним колбеком без await → непередбачувані результати.