Dátová štruktúra, ktorá uchováva skupinu prvkov rovnakého typu v susednom bloku pamäte, je známa ako „ pole “. Polia sú tiež podporované ako typ údajov v TypeScript, keďže ide o nadmnožinu JavaScriptu. Je typovo bezpečnejší ako JavaScript, pretože umožňuje vývojárom špecifikovať typ prvkov, ktoré môže pole ukladať. Polia môžu byť použité týmto spôsobom na vytvorenie udržiavateľného kódu.
Tento tutoriál ukáže typ poľa v TypeScript a spôsob jeho použitia.
Čo je typ poľa v TypeScript a ako sa dá použiť?
“ Pole ” je dátová štruktúra v TypeScript podobná JavaScriptu s pokročilou funkciou špecifikovania typu poľa. Dá sa použiť na ukladanie a manipuláciu s kolekciou údajov, ako je zoznam čísel alebo reťazcov, a dá sa k nim pristupovať pomocou ich indexu. Existujú dva spôsoby, ako deklarovať alebo použiť pole v TypeScript:
- Kľúčové slovo „Array“.
- hranaté zátvorky „[]“ alebo skrátená syntax
Syntax pre jednotypové pole
Ak chcete deklarovať alebo inicializovať pole s jedným typom, použite danú syntax s kľúčovým slovom „Array“:
Pole < typu > = [ prvok1, prvok2, prvok3 ] ;
Alebo ho použite ako skrátenú syntax, ako je uvedené nižšie:
typu [ ] = [ prvok1, prvok2, prvok3 ] ;
Syntax pre Multi-Type Array
Pomocou kľúčového slova „Array“ použite nižšie uvedenú syntax na inicializáciu alebo deklaráciu viactypového poľa:
Pole < typu | typu > = [ prvok1, prvok2, prvok3 ] ;
Alebo môžete použiť hranaté zátvorky „[]“ alebo skrátenú syntax nasledovne:
( typu | typu ) [ ] = [ prvok1, prvok2, prvok3 ] ;
Príklad 1: Pole typu s jedným reťazcom
Najprv vytvoríme súbor TypeScript s názvom „ Arraytypes.ts “. V uvedenom príklade najprv deklarujte pole typu reťazca s názvom „ farba “ pomocou kľúčového slova „Array“:
farba var: Array < reťazec > ;
Teraz inicializujte pole s hodnotami typu reťazca:
farba = [ 'červená' , 'Modrá' , 'zelená' , 'čierna' , 'biely' , 'Fialová' , 'Ružová' ] ;
Ďalej vytlačte pole na konzole:
konzola.log ( farba ) ;
Po pridaní kódu transpilujeme tento súbor do súboru JavaScript pomocou daného príkazu:
tsc Arraytypes.ts
Potom na spustenie kódu JavaScript použijeme príkaz uvedený nižšie:
uzol Arraytypes.js
Poznámka : Je povinné transpilovať súbor TypeScript po každej úprave v ňom.
Výkon
Na prístup k prvkom poľa použite zápis v hranatých zátvorkách „[ ]“. Tu pristúpime k prvku na indexe 3:
konzola.log ( farba [ 3 ] ) ;
Na výstupe sa zobrazí „ čierna ” čo je prvok poľa umiestneného na indexe 3:
Príklad 2: Pole typu jedného čísla
V tomto príklade vytvorte pole párnych čísel zadaním jeho typu “ číslo ” pomocou skrátenej syntaxe:
var evenNumbers: Číslo [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , dvadsať , 22 ] ;
Vytlačte pole na konzole:
konzola.log ( párne čísla ) ;
Výkon
Príklad 3: Multi-Type Array
V uvedenom príklade vytvorte pole, ktoré obsahuje hodnoty typu reťazca, ako aj typu čísla.
Najprv deklarujte pole pomocou skrátenej syntaxe zadaním typov poľa pomocou operátora potrubia alebo spojenia:
pole var: ( reťazec | číslo ) [ ] ;
Priraďte hodnoty do poľa a potom ho vytlačte na konzole:
pole = [ 'červená' , 1 , 'Modrá' , 7 , 'Fialová' , 5 ] ;konzola.log ( pole ) ;
Výkon
To je všetko o použití Array Type v TypeScript.
Záver
“ Pole ” je dátová štruktúra v TypeScript podobná JavaScriptu, ktorú možno použiť na ukladanie a manipuláciu s kolekciou dát. Ak chcete deklarovať/používať pole v TypeScript, existujú dva spôsoby vrátane „ Pole „kľúčové slovo alebo hranaté zátvorky“ [ ] “ alebo skrátená syntax. Tento tutoriál demonštroval typ poľa v TypeScript a spôsob, ako ho používať.