TypeScript — Работа с массивами

TypeScript — Работа с массивами

От автора: сегодня мы поговорим о том, как происходит в TypeScript работа с массивами. Использование переменных для хранения значений задаёт следующие ограничения.

 

По своей природе переменные являются скалярными. Другими словами, одно объявление переменной может содержать только одно значение, то есть для хранения n-количества переменных, программе потребуется n-количество объявлений переменных. Отсюда следует, что если вам нужно хранить большой набор значений, использовать переменные не целесообразно.

Переменным в программе память присваивается случайным образом, и это усложняет извлечение/чтение переменных в порядке их объявления.

Для таких задач TypeScript представляет концепцию массивов. Массив – это однородный набор значений. Проще говоря, массив – это набор значений одного типа данных. Это тип данных, определённых пользователем.

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Характеристики массива

Ниже приведён список характеристик массива:

Объявление массива определяет последовательные блоки памяти.

Массивы статичны. Это значит, что после того, как массив был инициализирован, его размер больше нельзя изменить.

Каждый блок памяти представляет элемент массива.

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

Так же, как и переменные, массивы нужно объявлять перед тем, как их использовать. Чтобы объявить массив, используйте ключевое слово var.

Инициализация массива подразумевает загрузку элементов массива.

Значения элемента массива можно обновить или изменить, но не удалить.

Объявление и инициализация массивов

Чтобы объявить инициализацию массива в Typescript, используйте следующий синтаксис:

Синтаксис

Объявленный массив без типа данных считается массивом типа any. В этом случае тип массива определяется по типу данных первого элемента массива во время инициализации.

Например, такое объявление как var numlist:number[] = [2,4,6,8] создаст следующий массив:

Указатель массива указывает на первый элемент по умолчанию.

Массивы могут быть объявлены и инициализированы в одном операторе. Синтаксис выглядит следующим образом:

Примечание − Пара [] называется измерением массива.

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

Имя массива, после которого следует индекс используется для ссылки на элемент массива. Синтаксис выглядит следующим образом:

Пример: простой массив

После компиляции мы получим следующий JavaScript код:

И получаем такой результат:

Пример: Объявление и инициализация в одном операторе

После компиляции мы получим следующий JavaScript код:

И получаем такой результат:

Объект Array

Создать массив можно также используя объект Array. Конструктору Array может быть передано.

Численное значение, которое представляет размер массива или

Список значений, разделённых запятой.

Следующий пример показывает, как создать массив с помощью этого метода. Пример

После компиляции мы получим следующий JavaScript код:

И получаем такой результат:

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Пример: Конструктор Array принимает значения, разделённые запятой

После компиляции мы получим следующий JavaScript код:

Результат выглядит следующим образом:

Методы Array

Ниже приведён список методов объекта Array вместе с описанием:

concat() — Возвращает новый массив, состоящий из этого массива, объединённого с другим(и) массивом(массивами) и/или значением(значениями).

every() — Возвращает true, если каждый элемент этого массива удовлетворяет заданной проверочной функции.

filter() — Создаёт новый массив со всеми элементами этого массива, для которых заданная проверочная функция возвращает истину.

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

indexOf() — Возвращает первый (наименьший) индекс элемента внутри массива, равного указанному значению, или -1, если не найдено.

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

lastIndexOf() — Возвращает последний (наибольший) индекс элемента внутри массива, равного указанному значению, или -1, если не найдено.

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

pop() — Убирает последний элемент из массива и возвращает этот элемент.

push() — Добавляет один или больше элементов к массиву и возвращает новую длину массива.

reduce() — Применяет функцию одновременно к двум значениям массива (слева направо), чтобы уменьшить к единому значению.

reduceRight() — Применяет функцию одновременно к двум значениям массива (справа налево), чтобы уменьшить к единому значению.

reverse() — переставляет элементы массива в обратном порядке – первый становится последним, а последний – первым.

shift() — Убирает первый элемент из массива и возвращает этот элемент.

slice() — Извлекает секцию массива и возвращает новый массив.

some() — Возвращает true, если по крайней мере один элемент в этом массиве удовлетворяет заданной проверочной функции.

sort() — Сортирует элементы массива.

splice() — Добавляет и/или убирает элементы из массива.

toString() — Возвращает строку, представляющую массив и его элементы.

unshift() — Добавляет один или больше элементов в начало массива и возвращает новую длину массива.

Деструктурирование массива

Обозначает разрушение структуры объекта. TypeScript поддерживает деструктурирование, если речь идёт о массиве. Пример

После компиляции мы получим следующий JavaScript код:

И получаем такой результат:

Обход массива при помощи цикла for…in

Для прохождения через массив, можно использовать for…in цикл.

Цикл осуществляет обход массива при помощи индекса. После компиляции мы получим следующий JavaScript код:

Ниже приведён результат этого кода:

Массивы в TypeScript

TypeScript поддерживает следующие концепции в массивах:

Многомерные массивы — TypeScript поддерживает многомерные массивы. Простейшая форма многомерного массива – это двухмерный массив.

Передача массивов функциям — Вы можете передавать функции указатель массива, указывая имя массива без индекса.

Возвращать массив из функций — Позволяет функции возвращать массив.

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Курс по ES 6 (EcmaScript 6.0)

Прямо сейчас посмотрите курс по EcmaScript 6.0

Смотреть курс

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree