Методы массива в JavaScript

1️⃣ Как кратко ответить

Методы массива в JavaScript — это встроенные функции, которые позволяют выполнять различные операции над массивами, такие как добавление, удаление, поиск элементов, сортировка и преобразование. Ключевые методы включают push(), pop(), shift(), unshift(), map(), filter(), reduce(), forEach(), find(), indexOf(), slice(), splice(), concat(), join(), sort() и reverse().

2️⃣ Подробное объяснение темы

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

Основные методы массива

1. Добавление и удаление элементов

   • push(element1, ..., elementN): Добавляет один или несколько элементов в конец массива и возвращает новую длину массива.

     const fruits = ['apple', 'banana'];
     fruits.push('orange'); // ['apple', 'banana', 'orange']
     

   • pop(): Удаляет последний элемент из массива и возвращает его.

     const fruits = ['apple', 'banana', 'orange'];
     const lastFruit = fruits.pop(); // 'orange', fruits: ['apple', 'banana']
     

   • shift(): Удаляет первый элемент из массива и возвращает его.

     const fruits = ['apple', 'banana', 'orange'];
     const firstFruit = fruits.shift(); // 'apple', fruits: ['banana', 'orange']
     

   • unshift(element1, ..., elementN): Добавляет один или несколько элементов в начало массива и возвращает новую длину массива.

     const fruits = ['banana', 'orange'];
     fruits.unshift('apple'); // ['apple', 'banana', 'orange']
     

2. Поиск и фильтрация

   • indexOf(searchElement, fromIndex): Возвращает первый индекс, по которому данный элемент может быть найден в массиве, или -1, если такого индекса нет.

     const fruits = ['apple', 'banana', 'orange'];
     const index = fruits.indexOf('banana'); // 1
     

   • find(callback): Возвращает первый элемент в массиве, который удовлетворяет предоставленной функции тестирования.

     const numbers = [1, 2, 3, 4];
     const found = numbers.find(num => num > 2); // 3
     

   • filter(callback): Создает новый массив со всеми элементами, прошедшими проверку, реализованную в предоставленной функции.

     const numbers = [1, 2, 3, 4];
     const evenNumbers = numbers.filter(num => num % 2 === 0); // [2, 4]
     

3. Итерация и преобразование

   • forEach(callback): Выполняет предоставленную функцию один раз для каждого элемента массива.

     const fruits = ['apple', 'banana', 'orange'];
     fruits.forEach(fruit => console.log(fruit));
     // Вывод: apple, banana, orange
     

   • map(callback): Создает новый массив с результатами вызова предоставленной функции для каждого элемента массива.

     const numbers = [1, 2, 3];
     const doubled = numbers.map(num => num * 2); // [2, 4, 6]
     

   • reduce(callback, initialValue): Применяет функцию к аккумулятору и каждому значению массива (слева направо), чтобы свести его к единственному значению.

     const numbers = [1, 2, 3, 4];
     const sum = numbers.reduce((acc, num) => acc + num, 0); // 10
     

4. Сортировка и изменение порядка

   • sort(compareFunction): Сортирует элементы массива на месте и возвращает отсортированный массив.

     const fruits = ['banana', 'apple', 'orange'];
     fruits.sort(); // ['apple', 'banana', 'orange']
     

   • reverse(): Переворачивает порядок элементов массива на месте.

     const fruits = ['apple', 'banana', 'orange'];
     fruits.reverse(); // ['orange', 'banana', 'apple']
     

5. Изменение структуры массива

   • slice(begin, end): Возвращает новый массив, содержащий копию части исходного массива.

     const fruits = ['apple', 'banana', 'orange'];
     const citrus = fruits.slice(1, 3); // ['banana', 'orange']
     

   • splice(start, deleteCount, item1, ..., itemN): Изменяет содержимое массива, удаляя существующие элементы и/или добавляя новые.

     const fruits = ['apple', 'banana', 'orange'];
     fruits.splice(1, 1, 'kiwi'); // ['apple', 'kiwi', 'orange']
     

6. Объединение и преобразование

   • concat(array1, ..., arrayN): Возвращает новый массив, состоящий из массива, на котором он был вызван, соединенного с другими массивами и/или значениями.

     const fruits = ['apple', 'banana'];
     const moreFruits = ['orange', 'kiwi'];
     const allFruits = fruits.concat(moreFruits); // ['apple', 'banana', 'orange', 'kiwi']
     

   • join(separator): Объединяет все элементы массива в строку.

     const fruits = ['apple', 'banana', 'orange'];
     const fruitString = fruits.join(', '); // 'apple, banana, orange'
     

Эти методы позволяют эффективно управлять данными в массивах, обеспечивая гибкость и мощные инструменты для решения различных задач в разработке на JavaScript.