TypeScript поддерживает массивы, как и JavaScript. Есть два способа объявить массив:
1. Использование квадратных скобок. Этот метод похож на то, как вы объявляете массивы в JavaScript.
пусть фрукты: строка[] = ['Яблоко', 'Апельсин', 'Банан'];
2. Использование универсального типа массива Array‹elementType›.
пусть фрукты: Массив‹строка› = ['Яблоко', 'Апельсин', 'Банан'];
В этой статье я собираюсь обсудить больше доступных методов массива. Ниже приведены некоторые доступные методы массива и их использование.
Давайте углубимся в каждый метод и выясним, как его использовать и в какой ситуации они применимы.
конкат()
Метод contact() создает новый массив. Сначала массив будет заполнен элементами объекта, для которого он вызывается. Затем для каждого аргумента его значение будет конкатенировано в массив для обычных объектов или примитивов, сам аргумент станет элементом итогового массива; для массивов или массивоподобных объектов со свойством
Синтаксис
concat(…items: ConcatArray‹T›[]): T[];
concat(…items: (T | ConcatArray‹T›)[]): T[];
Параметры
Массивы для объединения
Возвращаемые значения
Новый массив
Пример
копировать внутри()
Метод copyWithin() — это высокопроизводительный метод для сдвига данных массива. Последовательность копируется и вставляется как одна операция. Вставленная последовательность будет иметь скопированные значения, даже если области копирования и вставки перекрываются. Этот метод не изменяет длину массива. Но он изменит исходный массив, заменив значения
Синтаксис
copyWithin(цель: число, начало: число, конец?: число): это;
Параметры
- target:начинающийся с нуля индекс, в который копируется последовательность. Если отрицательный, цель будет отсчитываться с конца. Ничего не будет скопировано, если цель равна или превышает длину массива. Если цель расположена после начала, скопированная последовательность будет обрезана, чтобы соответствовать длине массива.
- start:отсчитываемый от нуля индекс, с которого начинается копирование элементов. Если отрицательный, начало отсчитывается с конца. Если start опущен, copyWithin() будет копировать с индекса 0.
- end:отсчитываемый от нуля индекс, с которого следует закончить копирование элементов. copyWithin копирует до конца, но не включая его. Если отрицательный, конец будет отсчитываться от конца. Если конец опущен, copyWithin() будет копировать до последнего индекса.
Возвращаемые значения
Модифицированный массив
Пример
каждый()
Метод Every() будет выполнять функцию обратного вызова для каждого элемента массива, пока не найдет ложное утверждение из значения в массиве. Если такое условие возникало, каждый метод немедленно возвращал false. В противном случае, если все значения в массиве удовлетворяют условию функции обратного вызова, каждый метод вернет значение true.
В каждом методе функция обратного вызова вызывается только для индексов, которым присвоены значения. Он не вызывается для индексов, в которых значения удалены.
Синтаксис
каждый(предикат: (значение: T, индекс: число, массив: T[]) => неизвестно, thisArg?: любой): логический;
Параметры
Функция обратного вызова: функция для проверки каждого элемента в массиве.
Функция обратного вызова вызывается с 3 аргументами.
- элемент: текущий обрабатываемый элемент в массиве.
- index: индекс текущего обрабатываемого элемента в массиве.
- массив: вызывался массив каждый
Возвращаемые значения
- true: если функция обратного вызова возвращает true для каждого элемента в массиве.
- false: если функция обратного вызова возвращает ложное событие только для одного элемента в массиве
Пример
заполнить()
Метод fill() изменяет все элементы массива на статическое значение с начального индекса (по умолчанию 0) на конечный индекс (последний элемент по умолчанию).
Синтаксис
fill(значение: T, начало?: число, конец?: число): это;
Параметры
- value: значение для заполнения массива
- start: начальный индекс, по умолчанию 0
- конец: конечный индекс, по умолчанию используется индекс последнего элемента массива.
Возвращаемые значения
Модифицированный массив
Пример
фильтр()
Метод filter() вызывает функцию обратного вызова, которая предоставляет и возвращает часть исходного массива. (Фильтрация элементов из заданного массива, который передает функцию обратного вызова)
Синтаксис
filter(predicate: (value: T, index: number, array: T[]) =› unknown, thisArg?: any): T[];
Параметры
Функция обратного вызова: функция, которая дается для проверки каждого элемента массива.
Функция вызывается со следующими аргументами
- элемент: текущий обрабатываемый элемент в массиве.
- index: индекс текущего обрабатываемого элемента в массиве.
- массив: массив, для которого была вызвана функция filter().
thisArg: значение, используемое при выполнении функции обратного вызова.
Возвращаемые значения
Массив элементов, переданных функцией обратного вызова. Если все элементы в исходном массиве потерпели неудачу с помощью метода фильтра функции обратного вызова, он вернет пустой массив.
Пример
найти()
Метод find() возвращает первый элемент массива, удовлетворяющий заданной функции. Если ни одно значение не удовлетворяет предоставленной функции, в качестве результата возвращается значение undefined.
Синтаксис
найти(предикат: (значение: T, индекс: число, объект: T[]) => неизвестно, thisArg?: любой): T | неопределенный
Параметры
Функция обратного вызова: функция, которая дается для проверки каждого элемента массива.
Функция вызывается со следующими аргументами
- элемент: текущий обрабатываемый элемент в массиве.
- index: индекс текущего обрабатываемого элемента в массиве.
- массив: массив, для которого была вызвана функция find().
thisArg: объект для использования в качестве этой внутренней функции обратного вызова.
Возвращаемые значения
Первый элемент в массиве удовлетворяет предоставленной функции тестирования. В противном случае возвращается значение undefined.
Пример
найтиИндекс()
Метод findIndex() возвращает индекс первого элемента, соответствующего заданной функции. Если ни один элемент не соответствует заданной функции, она возвращает -1.
Синтаксис
findIndex(predicate: (value: T, index: number, obj: T[]) => unknown, thisArg?: any): number;
Параметры
Функция обратного вызова: функция, которая дается для проверки каждого элемента массива.
Функция вызывается со следующими аргументами
- элемент: текущий обрабатываемый элемент в массиве.
- index: индекс текущего обрабатываемого элемента в массиве.
- массив: массив, для которого была вызвана функция findIndex().
thisArg: объект для использования в качестве этой внутренней функции обратного вызова.
Возвращаемые значения
Индекс первого элемента в массиве, который передает данную функцию обратного вызова. В противном случае -1.
Пример
плоский()
Метод flat() создает новый массив со всеми элементами подмассива, объединенными в него рекурсивно до указанной глубины.
Синтаксис
квартира()
квартира(глубина)
Параметры
- Глубина. Указывает уровень глубины, при котором структура вложенного массива должна быть сглажена.
Возвращаемые значения
Новый массив с объединенными в него элементами подмассива.
Пример
плоская карта()
возвращает новый массив, сформированный путем применения заданной функции обратного вызова к каждому элементу массива, а затем выравнивания результата на один уровень.
Синтаксис
flatMap(callbackFn)
flatMap(callbackFn, thisArg)
Параметры
Функция обратного вызова: функция, создающая элемент нового массива.
Функция вызывается со следующими аргументами
- currentValue: текущий обрабатываемый элемент в массиве.
- index: индекс текущего обрабатываемого элемента в массиве.
- массив: массив, для которого была вызвана функция flatMap().
thisArg: значение, используемое при выполнении функции обратного вызова.
Возвращаемые значения
Новый массив, каждый элемент которого является результатом функции обратного вызова и сглажен до глубины 1.
Пример
для каждого()
Метод forEach() будет выполнять заданную функцию для каждого элемента массива.
Синтаксис
forEach(callbackfn: (value: T, index: number, array: T[]) =› void, thisArg?: any): void;
Параметры
Функция обратного вызова: функция, которая дается для проверки каждого элемента массива.
Функция вызывается со следующими аргументами
- элемент: текущий обрабатываемый элемент в массиве.
- index: индекс текущего обрабатываемого элемента в массиве.
- массив: массив, для которого была вызвана функция forEach().
thisArg: значение, используемое при выполнении функции обратного вызова.
Возвращаемые значения
неопределенный
Пример
включает()
Метод include() используется для определения того, что данный элемент существует внутри массива, возвращая true, если он существует, иначе false.
Синтаксис
включает (searchElement: T, fromIndex?: number): логическое значение;
Параметры
- searchElement: значение для поиска
- fromIndex: позиция в массиве, с которой начинается поиск searchElement.
Возвращаемые значения
- true: если searchElement находится внутри массива
- false: если searchElement не найден внутри массива
Пример
индекс()
Метод indexOf() находит индекс первого элемента, который соответствует заданному элементу.
Синтаксис
indexOf(searchElement: T, fromIndex?: число): число;
Параметры
- searchElement: значение для поиска
- fromIndex: позиция в массиве, с которой начинается поиск searchElement.
Возвращаемые значения
Первый индекс элемента в массиве; -1, если не найдено.
Пример
присоединиться()
Метод join() вернет строку путем объединения всех элементов массива, разделенных запятой или заданным разделителем.
Синтаксис
присоединиться (разделитель?: строка): строка;
Параметры
- Разделитель: указывает строку для разделения каждой пары смежных элементов массива.
Возвращаемые значения
Строка со всеми объединенными элементами массива. Если длина массива равна 0, возвращается пустая строка.
Пример
ключи()
Метод keys() возвращает новый объект итератора Array, который содержит ключ для каждого индекса в массиве.
Синтаксис
keys(): IterableIterator‹номер›;
Возвращаемые значения
Новый объект итератора массива
Пример
lastIndexOf()
Метод lastIndexOf возвращает последний индекс, по которому данный элемент можно найти в массиве, или –1, если он отсутствует. Здесь массив просматривается в обратном направлении, начиная с fromIndex.
Синтаксис
lastIndexOf(searchElement: T, fromIndex?: число): число;
Параметры
- searchElement: элемент, который нужно найти в массиве.
- fromIndex: позиция для начала поиска в обратном направлении, по умолчанию используется последний индекс.
Возвращаемые значения
Последний индекс элемента в массиве; -1, если не найдено.
Пример
карта()
Метод map() создаст новый массив с результатами вызова данной функции в метод карты
Синтаксис
map‹U›(callbackfn: (значение: T, индекс: число, массив: T[]) =› U, thisArg?: any): U[];
Параметры
Функция обратного вызова: функция, которая дается для проверки каждого элемента массива.
Функция вызывается со следующими аргументами
- элемент: текущий обрабатываемый элемент в массиве.
- index: индекс текущего обрабатываемого элемента в массиве.
- массив: массив, для которого была вызвана функция map().
thisArg: значение, используемое при выполнении функции обратного вызова.
Возвращаемые значения
Новый массив, каждый элемент которого является результатом функции обратного вызова.
Пример
поп()
Метод pop() удаляет последний элемент массива и возвращает удаленный элемент. Этот метод изменяет длину массива.
Синтаксис
поп(): Т | неопределенный;
Возвращаемые значения
Удаленный элемент из массива. undefined, если массив пуст.
Пример
нажать()
Метод push() добавляет один или несколько элементов в конец массива и возвращает массив новой длины.
Синтаксис
push(…items: T[]): число;
Параметры
- items: элементы, добавляемые в конец массива.
Возвращаемые значения
Новая длина массива после добавления элементов
Пример
уменьшить()
Метод reduce() выполняет предоставленную пользователем функцию обратного вызова «reducer» для каждого элемента массива, чтобы передать возвращаемое значение из вычисления предыдущего элемента. Конечным результатом выполнения редуктора для всех элементов массива является одно значение.
Синтаксис
уменьшить (callbackfn: (предыдущее значение: T, текущее значение: T, текущий индекс: число, массив: T []) => T): T;
Параметры
Функция обратного вызова: функция редуктора
Функция вызывается со следующими аргументами
- previousValue: значение, полученное в результате предыдущего вызова функции обратного вызова.
- currentValue: значение текущего элемента.
- currentIndex: позиция индекса currentValue в массиве.
- массив:проходимый массив
Возвращаемые значения
Значение, полученное в результате выполнения функции обратного вызова «reducer» для завершения всего массива.
Пример
уменьшитьПраво()
Метод reduceRight() применяет функцию к аккумулятору и каждому значению массива (справа налево), чтобы уменьшить его до одного значения.
Синтаксис
reduceRight(callbackfn: (previousValue: T, currentValue: T, currentIndex: число, массив: T[]) => T): T;
Параметры
Функция обратного вызова: функция для выполнения каждого значения в массиве.
Функция вызывается со следующими аргументами
- previousValue: значение, полученное в результате предыдущего вызова функции обратного вызова.
- currentValue: значение текущего элемента.
- currentIndex: позиция индекса currentValue в массиве.
- массив:проходимый массив
Возвращаемые значения
Значение, полученное в результате сокращения.
Пример
реверс()
Изменяет порядок элементов в массиве на обратный. Так что первый элемент массива становится последним, а последний элемент становится первым.
Синтаксис
реверс(): Т[];
Возвращаемые значения
Перевернутый массив
Пример
сдвиг()
Метод сдвига удаляет первый элемент массива и возвращает удаленный элемент. Этот метод изменяет длину массива.
Синтаксис
сдвиг(): Т | неопределенный;
Возвращаемые значения
Удаленный элемент из массива, неопределенный, если массив пуст.
Пример
срез()
Выбирает часть массива и возвращает новый массив.
Синтаксис
срез(начало?: число, конец?: число): T[];
Параметры
- start: указатель, с которого следует начать извлечение.
- конец: индекс первого элемента, исключаемого из возвращаемого массива.
Возвращаемые значения
Новый массив, содержащий извлеченные элементы.
Пример
некоторые()
Метод some() проверяет, проходит ли хотя бы один элемент в массиве проверку, реализованную предоставленной функцией. Он возвращает true, если в массиве находит элемент, для которого предоставленная функция возвращает true; в противном случае возвращается ложь. Он не изменяет массив.
Синтаксис
some(predicate: (value: T, index: number, array: T[]) =› unknown, thisArg?: any): boolean;
Параметры
Функция обратного вызова: функция, которая дается для проверки каждого элемента массива.
Функция вызывается со следующими аргументами
- элемент: текущий обрабатываемый элемент в массиве.
- index: индекс текущего обрабатываемого элемента в массиве.
- массив: массив, для которого была вызвана функция some().
thisArg: значение, используемое при выполнении функции обратного вызова.
Возвращаемые значения
true, если функция обратного вызова возвращает истинное значение хотя бы для одного элемента в массиве. В противном случае ложно.
Пример
сортировать()
Сортирует элементы массива в порядке возрастания или убывания.
Синтаксис
sort(compareFn?: (a: T, b: T) => число): это;
Параметры
- compareFn: указывает функцию, определяющую порядок сортировки. Если он опущен, элементы массива преобразуются в строки, а затем сортируются в соответствии со значением кодовой точки Unicode для каждого символа.
Возвращаемые значения
Ссылка на исходный массив
Пример
сращивание()
Метод splice() изменяет содержимое массива, удаляя или заменяя существующие элементы и/или добавляя новые элементы.
Синтаксис
склейка (начало: число, deleteCount: число, ... элементы: T[]): T[];
Параметры
- start: индекс, с которого начинается изменение массива.
- deleteCount: целое число, указывающее количество элементов в массиве, которые необходимо удалить с самого начала.
- items: элементы для добавления в массив, начиная с самого начала.
Возвращаемые значения
Новый массив
Пример
toString()
Метод toString() возвращает строку, представляющую указанный массив и его элементы.
Синтаксис
toString(): строка;
Возвращаемые значения
Строка представляет элементы массива.
Пример
отключить()
Метод unshift() добавляет один или несколько элементов в начало массива и возвращает новую длину массива.
Синтаксис
unshift(…items: T[]): число;
Параметры
- items: элементы, добавляемые перед массивом.
Возвращаемые значения
Новая длина массива
Пример
