Структура данных, которая хранит группу элементов одного типа в соседнем блоке памяти, известна как « множество ». Массивы также поддерживаются в качестве типа данных в TypeScript, поскольку это надмножество JavaScript. Он более типобезопасен, чем JavaScript, поскольку позволяет разработчикам указывать тип элементов, которые может хранить массив. Таким образом можно использовать массивы для создания поддерживаемого кода.
В этом руководстве будет продемонстрирован тип массива в TypeScript и способ его использования.
Что такое тип массива в TypeScript и как его можно использовать?
“ Множество ” — это структура данных в TypeScript, похожая на JavaScript, с расширенной функцией указания типа массива. Его можно использовать для хранения и управления коллекцией данных, например списками чисел или строк, и доступ к ним можно получить с помощью их индекса. Есть два способа объявить или использовать массив в TypeScript:
- ключевое слово 'массив'
- квадратные скобки «[]» или сокращенный синтаксис
Синтаксис для однотипного массива
Чтобы объявить или инициализировать массив с одним типом, используйте данный синтаксис с ключевым словом «Массив»:
Множество < тип > '=' [ элемент1, элемент2, элемент3 ] ;
Или используйте его как сокращенный синтаксис, как показано ниже:
тип [ ] '=' [ элемент1, элемент2, элемент3 ] ;
Синтаксис многотипного массива
С помощью ключевого слова «Array» используйте приведенный ниже синтаксис для инициализации или объявления многотипного массива:
Множество < тип | тип > '=' [ элемент1, элемент2, элемент3 ] ;
Или вы можете использовать квадратные скобки «[]» или сокращенный синтаксис следующим образом:
( тип | тип ) [ ] '=' [ элемент1, элемент2, элемент3 ] ;
Пример 1: Массив с одним строковым типом
Сначала мы создадим файл TypeScript с именем « Arraytypes.ts ». В данном примере сначала объявите массив строкового типа с именем « цвет », используя ключевое слово «массив»:
переменный цвет: массив < нить > ;
Теперь инициализируйте массив значениями строкового типа:
цвет = [ 'красный' , 'синий' , 'зеленый' , 'черный' , 'белый' , 'фиолетовый' , 'розовый' ] ;
Далее выводим массив на консоль:
console.log ( цвет ) ;
После добавления кода мы перенесем этот файл в файл JavaScript с помощью данной команды:
tsc Arraytypes.ts
Затем для выполнения кода JavaScript мы будем использовать приведенную ниже команду:
узел Arraytypes.js
Примечание : обязательно транспилировать файл TypeScript после каждой его модификации.
Выход
Для доступа к элементам массива используйте обозначение квадратных скобок «[ ]». Здесь мы получим доступ к элементу по индексу 3:
console.log ( цвет [ 3 ] ) ;
На выходе отображается « черный », который является элементом массива, расположенным в индексе 3:
Пример 2: Массив с одним номером
В этом примере создайте массив четных чисел, указав его тип « Число ”, используя сокращенный синтаксис:
var evenNumbers: Число [ ] '=' [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , двадцать , 22 ] ;
Выведите массив в консоль:
console.log ( четные числа ) ;
Выход
Пример 3: Массив с несколькими типами
В приведенном примере создайте массив, содержащий значения строкового типа, а также числового типа.
Во-первых, объявите массив, используя сокращенный синтаксис, указав типы массива с помощью конвейера или оператора объединения:
массив переменных: ( нить | число ) [ ] ;
Присвойте значения массиву, а затем распечатайте его в консоли:
массив = [ 'красный' , 1 , 'синий' , 7 , 'фиолетовый' , 5 ] ;console.log ( множество ) ;
Выход
Это все, что касается использования Array Type в TypeScript.
Заключение
“ Множество ” — это структура данных в TypeScript, похожая на JavaScript, которую можно использовать для хранения набора данных и управления им. Чтобы объявить/использовать массив в TypeScript, есть два способа, включая « Множество ключевое слово или квадратные скобки « [ ] ” или сокращенный синтаксис. В этом руководстве продемонстрирован тип массива в TypeScript и способ его использования.