En datastruktur, der holder en gruppe elementer af samme type i en tilstødende hukommelsesblok, er kendt som en ' array ”. Arrays understøttes også som en datatype i TypeScript, da det er et supersæt af JavaScript. Det er mere typesikkert end JavaScript, fordi det giver udviklerne mulighed for at specificere den type elementer, som et array kan gemme. Arrays kan bruges på denne måde til at producere en vedligeholdelig kode.
Denne vejledning vil demonstrere array-typen i TypeScript og måden at bruge den på.
Hvad er Array Type i TypeScript, og hvordan kan det bruges?
“ Array ” er en datastruktur i TypeScript, der ligner JavaScript med en avanceret funktion til at angive array-type. Det kan bruges til at gemme og manipulere en samling af data, såsom en liste over tal eller strenge, og kan tilgås ved hjælp af deres indeks. Der er to måder at erklære eller bruge et array i TypeScript:
- 'Array' søgeord
- firkantede parenteser '[]' eller stenografisyntaks
Syntaks for Single-Type Array
For at erklære eller initialisere et array med en enkelt type, skal du bruge den givne syntaks med nøgleordet 'Array':
Array < type > = [ element1, element2, element3 ] ;
Eller brug det som en stenografi syntaks som angivet nedenfor:
type [ ] = [ element1, element2, element3 ] ;
Syntaks for Multi-Type Array
Ved hjælp af nøgleordet 'Array' skal du bruge nedenstående syntaks til at initialisere eller erklære et multi-typed array:
Array < type | type > = [ element1, element2, element3 ] ;
Eller du kan bruge de firkantede parenteser '[]' eller stenografisyntaks som følger:
( type | type ) [ ] = [ element1, element2, element3 ] ;
Eksempel 1: Single String Type Array
Vi vil først oprette en TypeScript-fil med navnet ' Arraytypes.ts ”. I det givne eksempel skal du først erklære et array af strengtype med navnet ' farve ” ved at bruge søgeordet “Array”:
var farve: Array < snor > ;
Initialiser nu arrayet med strengtypeværdier:
farve = [ 'rød' , 'blå' , 'grøn' , 'sort' , 'hvid' , 'lilla' , 'lyserød' ] ;
Udskriv derefter arrayet på konsollen:
console.log ( farve ) ;
Efter tilføjelse af kode vil vi transpilere denne fil til JavaScript-filen ved hjælp af den givne kommando:
tsc Arraytypes.ts
Til udførelse af JavaScript-koden vil vi derefter bruge nedenstående kommando:
node Arraytypes.js
Bemærk : Det er obligatorisk at transpilere TypeScript-filen efter hver ændring i den.
Produktion
For at få adgang til array-elementer skal du bruge den firkantede parentes '[ ]'. Her får vi adgang til elementet i indeks 3:
console.log ( farve [ 3 ] ) ;
Udgangen viser ' sort ' som er elementet i et array placeret ved indeks 3:
Eksempel 2: Single Number Type Array
I dette eksempel skal du oprette en matrix af lige tal ved at angive dens type ' Nummer ” ved hjælp af stenografisyntaksen:
var ligeNumber: Antal [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , tyve , 22 ] ;
Udskriv arrayet på konsollen:
console.log ( lige tal ) ;
Produktion
Eksempel 3: Multi-Type Array
I det medfølgende eksempel skal du oprette et array, der indeholder værdierne for strengtype såvel som en taltype.
Først skal du deklarere et array ved hjælp af stenografisyntaksen ved at angive arraytyper med pipeline- eller unionsoperatøren:
var array: ( snor | nummer ) [ ] ;
Tildel værdier til arrayet, og udskriv det derefter på konsollen:
array = [ 'rød' , 1 , 'blå' , 7 , 'lilla' , 5 ] ;console.log ( array ) ;
Produktion
Det handler om brugen af Array Type i TypeScript.
Konklusion
“ Array ” er en datastruktur i TypeScript, der ligner JavaScript, der kan bruges til at lagre og manipulere en samling af data. For at erklære/bruge arrayet i TypeScript er der to måder, inklusive ' Array ' søgeord eller firkantede parenteser ' [ ] ” eller stenografisyntaks. Denne tutorial demonstrerede array-typen i TypeScript og måden, hvordan man bruger den.