Назвіть методи масивів, які пам’ятаєте, і скажіть, для чого вони потрібні.

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

Що це і навіщо

Методи масивів – це вбудовані функції, що дозволяють маніпулювати колекцією елементів без створення зовнішніх утиліт. Вони забезпечують швидкий, читабельний та безпечний спосіб обробки даних.

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

• mutating (змінюють оригінальний масив): push, pop, shift, unshift, splice, sort, reverse.
• non‑mutating (повертають новий масив): slice, concat, filter, map, reduce, find, findIndex, some, every.
• search: indexOf, lastIndexOf, includes.
• utility: join для конвертації в рядок.

Як це працює

Кожен метод приймає аргументи, що визначають дію (наприклад, індекс, новий елемент, функція‑callback). Внутрішньо JavaScript-рушій виконує оптимізовані цикли, часто з використанням SIMD або JIT‑компіляції.

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

const arr = [1, 2, 3];
arr.push(4);          // mutating
const newArr = arr.slice(1, 3); // non‑mutating
const sum = arr.reduce((a,b)=>a+b,0);

interface User { id: number; name: string }
const users: User[] = [];
users.push({id:1, name:'Alice'});
const names = users.map(u=>u.name);

Тестування

import { describe, it, expect } from 'vitest';
describe('Array methods', () => {
  it('push adds element', () => {
    const a = [1];
    a.push(2);
    expect(a).toEqual([1,2]);
  });
});

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

• Array.from і Array.of для створення масивів.
• flat, flatMap (ES2019) для розгортання вкладених масивів.
• Array.prototype.at (ES2022) для доступу за негативним індексом.

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

1. Неправильне використання splice – змінює оригінал, що може порушити реактивність.
2. reduce без ініціалізатора – викликає помилку при порожньому масиві.
3. map з асинхронною функцією – повертає масив промісів, а не результату.
4. sort без компаратора – сортує як рядки, що може бути неочікуваним.
5. includes з NaN – працює, але інші методи (indexOf) ні.
6. filter з thisArg – не змінює контекст, якщо функція не прив’язана.
7. forEach з break/continue – не працює, треба використовувати цикл.
8. Використання new Array(n) – створює «порожні» елементи, що пропускаються у forEach.

Cheatsheet

Follow‑up питання

• Яким чином Array.prototype.flatMap відрізняється від послідовного виклику map і flat?
• Чому sort() без компаратора сортує як рядки, а не числа?