Что такое методы массива?

Методы массива в JavaScript — это встроенные функции, которые вызываются на экземпляре массива для выполнения различных операций: от модификации его содержимого до создания новых массивов или получения информации о элементах.

Основные категории методов:

• Итерационные: Перебирают элементы массива.

  • forEach(): Выполняет функцию для каждого элемента.
  • map(): Создает новый массив, применяя функцию к каждому элементу.
  • filter(): Создает новый массив с элементами, прошедшими проверку функции.
  • reduce(): Сводит массив к одному значению.
  • some(): Проверяет, удовлетворяет ли хотя бы один элемент условию.
  • every(): Проверяет, удовлетворяют ли все элементы условию.
  • find(): Возвращает первый элемент, удовлетворяющий условию.
  • findIndex(): Возвращает индекс первого элемента, удовлетворяющего условию.

• Модифицирующие: Изменяют сам массив.

  • push(): Добавляет элементы в конец.
  • pop(): Удаляет последний элемент.
  • shift(): Удаляет первый элемент.
  • unshift(): Добавляет элементы в начало.
  • splice(): Удаляет, заменяет или добавляет элементы по индексу.
  • sort(): Сортирует элементы.
  • reverse(): Переворачивает массив.
  • fill(): Заполняет массив указанным значением.

• Доступые / Информационные: Получают информацию без изменения массива.

  • concat(): Объединяет массивы.
  • slice(): Возвращает новый массив с выбранными элементами.
  • indexOf(): Возвращает первый индекс вхождения элемента.
  • lastIndexOf(): Возвращает последний индекс вхождения элемента.
  • includes(): Проверяет, содержит ли массив элемент.
  • join(): Объединяет элементы массива в строку.
  • toString(): Возвращает строковое представление массива.

Примеры использования:

// map - создание нового массива
const numbers = [1, 2, 3];
const doubled = numbers.map(num => num * 2); // doubled: [2, 4, 6]

// filter - фильтрация элементов
const ages = [17, 20, 16, 25];
const adults = ages.filter(age => age >= 18); // adults: [20, 25]

// push - добавление элемента
const fruits = ['apple', 'banana'];
fruits.push('orange'); // fruits: ['apple', 'banana', 'orange']

Понимание и эффективное использование методов массива существенно упрощает работу с коллекциями данных во Frontend-разработке.