Структура от данни, която съхранява група от елементи от един и същи тип в съседен блок от паметта, е известна като „ масив ”. Масивите също се поддържат като тип данни в TypeScript, тъй като е надмножество на JavaScript. Той е по-безопасен за тип от JavaScript, защото позволява на разработчиците да определят типа елементи, които един масив може да съхранява. Масивите могат да се използват по този начин за създаване на поддържаем код.
Този урок ще демонстрира типа на масива в TypeScript и начина за използването му.
Какво е тип масив в TypeScript и как може да се използва?
“ Масив ” е структура от данни в TypeScript, подобна на JavaScript, с разширена функция за указване на тип масив. Може да се използва за съхраняване и манипулиране на колекция от данни, като списък с числа или низове, и може да бъде достъпен чрез техния индекс. Има два начина за деклариране или използване на масив в TypeScript:
- Ключова дума „Масив“.
- квадратни скоби “[]” или съкратен синтаксис
Синтаксис за масив от един тип
За да декларирате или инициализирате масив с един тип, използвайте дадения синтаксис с ключовата дума „Масив“:
Масив < Тип > = [ елемент1, елемент2, елемент3 ] ;
Или го използвайте като съкратен синтаксис, както е дадено по-долу:
Тип [ ] = [ елемент1, елемент2, елемент3 ] ;
Синтаксис за многотипов масив
С помощта на ключовата дума „Масив“ използвайте синтаксиса по-долу за инициализиране или деклариране на многотипов масив:
Масив < Тип | Тип > = [ елемент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 ( масив ) ;
Изход
Това е всичко относно използването на тип масив в TypeScript.
Заключение
“ Масив ” е структура от данни в TypeScript, подобна на JavaScript, която може да се използва за съхраняване и манипулиране на колекция от данни. За да декларирате/използвате масива в TypeScript, има два начина, включително „ Масив ' ключова дума или квадратни скоби ' [ ] ” или съкратен синтаксис. Този урок демонстрира типа масив в TypeScript и начина, по който да го използвате.