Перейти к содержимому

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

Введение

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

Понимание массивов JavaScript

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

Создание массива


javascript
let fruits = ["Apple", "Banana", "Cherry"];

Этот фрагмент демонстрирует создание массива с именем fruits.

Доступ к элементам массива


Output appears here after Run.

Элементы в массиве доступны по их индексу, начиная с 0.

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

ФункцияОписание
push()Добавляет один или несколько элементов в конец массива и возвращает новую длину массива.
pop()Удаляет последний элемент из массива и возвращает этот элемент.
shift()Удаляет первый элемент из массива и возвращает этот элемент.
unshift()Добавляет один или несколько элементов в начало массива и возвращает новую длину массива.
forEach()Выполняет предоставленную функцию один раз для каждого элемента массива.
map()Создает новый массив, заполненный результатами вызова предоставленной функции для каждого элемента вызывающего массива.
filter()Создает новый массив со всеми элементами, прошедшими тест, реализованный предоставленной функцией.
reduce()Применяет функцию к аккумулятору и каждому элементу массива (слева направо) для сведения его к одному значению.
slice()Возвращает поверхностную копию части массива в новый объект массива, выбранную от start до end (end не включается).
splice()Изменяет содержимое массива путем удаления или замены существующих элементов и/или добавления новых элементов на месте.
find()Возвращает значение первого элемента в предоставленном массиве, который удовлетворяет предоставленной функции проверки.
findIndex()Возвращает индекс первого элемента в массиве, который удовлетворяет предоставленной функции проверки.
some()Проверяет, проходит ли хотя бы один элемент массива тест, реализованный предоставленной функцией.
every()Проверяет, проходят ли все элементы массива тест, реализованный предоставленной функцией.
includes()Определяет, содержит ли массив определенное значение среди своих записей, возвращая true или false в зависимости от результата.
indexOf()Возвращает первый индекс, по которому данный элемент может быть найден в массиве, или -1, если он отсутствует.
concat()Используется для объединения двух или более массивов. Этот метод не изменяет существующие массивы, а вместо этого возвращает новый массив.

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

push()

Добавляет элементы в конец массива.


Output appears here after Run.

unshift()

Вставляет элементы в начало.


Output appears here after Run.

pop()

Удаляет последний элемент.


Output appears here after Run.

shift()

Удаляет первый элемент.


Output appears here after Run.

Поиск элементов

indexOf()

Находит индекс элемента.


Output appears here after Run.

includes()

Проверяет, существует ли элемент.


Output appears here after Run.

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

forEach()

Выполняет функцию для каждого элемента.


Output appears here after Run.

map()

Создает новый массив путем применения функции.


Output appears here after Run.

filter()

Генерирует новый массив с элементами, соответствующими условию.


Output appears here after Run.

reduce()

Сводит массив к одному значению.


Output appears here after Run.

Дополнительные методы

fill()

Заполняет все элементы статическим значением.


Output appears here after Run.

reverse()

Изменяет порядок элементов на обратный.


Output appears here after Run.

sort()

Сортирует элементы в алфавитном порядке или с помощью пользовательской функции. Примечание: при сортировке чисел всегда указывайте функцию сравнения, чтобы избежать неверных результатов (например, 10 сортируется перед 2 по умолчанию).


Output appears here after Run.

splice()

Добавляет/удаляет элементы из массива.


Output appears here after Run.

slice()

Извлекает раздел массива.


Output appears here after Run.

concat()

Объединяет два или более массива.


Output appears here after Run.

toSorted()

Создает отсортированную копию массива.


Output appears here after Run.

toSpliced()

Создает копию с добавленными/удаленными указанными элементами.


Output appears here after Run.

Заключение

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

Практика

Какие из следующих методов массивов можно использовать в JavaScript для добавления и удаления элементов из массива?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.