Datová struktura, která uchovává skupinu prvků stejného typu v sousedním bloku paměti, je známá jako „ pole “. Pole jsou také podporovány jako datový typ v TypeScript, protože jde o nadmnožinu JavaScriptu. Je typově bezpečnější než JavaScript, protože umožňuje vývojářům určit typ prvků, které pole může uložit. Pole lze tímto způsobem využít k vytvoření udržovatelného kódu.
Tento tutoriál demonstruje typ pole v TypeScript a způsob jeho použití.
Co je typ pole v TypeScript a jak jej lze použít?
“ Pole ” je datová struktura v TypeScriptu podobná JavaScriptu s pokročilou funkcí specifikování typu pole. Lze jej použít pro ukládání a manipulaci s kolekcí dat, jako je seznam čísel nebo řetězců, a lze k němu přistupovat pomocí jejich indexu. Existují dva způsoby, jak deklarovat nebo použít pole v TypeScript:
- Klíčové slovo „Array“.
- hranaté závorky „[]“ nebo zkrácená syntaxe
Syntaxe pro jednotypové pole
Chcete-li deklarovat nebo inicializovat pole s jedním typem, použijte danou syntaxi s klíčovým slovem „Array“:
Pole < typ > = [ prvek1, prvek2, prvek3 ] ;
Nebo jej použijte jako zkrácenou syntaxi, jak je uvedeno níže:
typ [ ] = [ prvek1, prvek2, prvek3 ] ;
Syntaxe pro Multi-Type Array
S pomocí klíčového slova „Array“ použijte níže uvedenou syntaxi pro inicializaci nebo deklaraci vícetypového pole:
Pole < typ | typ > = [ prvek1, prvek2, prvek3 ] ;
Nebo můžete použít hranaté závorky „[]“ nebo zkrácenou syntaxi takto:
( typ | typ ) [ ] = [ prvek1, prvek2, prvek3 ] ;
Příklad 1: Pole typu Single String
Nejprve vytvoříme soubor TypeScript s názvem „ Arraytypes.ts “. V daném příkladu nejprve deklarujte pole typu řetězce s názvem „ barva “ pomocí klíčového slova „Array“:
barva var: Array < tětiva > ;
Nyní inicializujte pole s hodnotami typu řetězce:
barva = [ 'Červené' , 'modrý' , 'zelená' , 'Černá' , 'bílý' , 'nachový' , 'růžový' ] ;
Dále vytiskněte pole na konzole:
konzole.log ( barva ) ;
Po přidání kódu transpilujeme tento soubor do souboru JavaScript pomocí daného příkazu:
tsc Arraytypes.ts
Poté pro spuštění kódu JavaScript použijeme níže uvedený příkaz:
uzel Arraytypes.js
Poznámka : Je povinné transpilovat soubor TypeScript po každé úpravě v něm.
Výstup
Pro přístup k prvkům pole použijte zápis v hranatých závorkách „[ ]“. Zde přistoupíme k prvku na indexu 3:
konzole.log ( barva [ 3 ] ) ;
Na výstupu se zobrazí „ Černá ” což je prvek pole umístěného na indexu 3:
Příklad 2: Pole typu jednoho čísla
V tomto příkladu vytvořte pole sudých čísel zadáním jeho typu “ Číslo ” pomocí zkrácené syntaxe:
var evenNumbers: Číslo [ ] = [ 2 , 4 , 6 , 8 , 10 , 12 , 14 , 16 , 18 , dvacet , 22 ] ;
Vytiskněte pole na konzole:
konzole.log ( sudá čísla ) ;
Výstup
Příklad 3: Multi-Type Array
V uvedeném příkladu vytvořte pole, které obsahuje hodnoty typu řetězce i typu čísla.
Nejprve deklarujte pole pomocí zkrácené syntaxe zadáním typů pole pomocí operátoru potrubí nebo unie:
pole var: ( tětiva | číslo ) [ ] ;
Přiřaďte hodnoty k poli a poté je vytiskněte na konzole:
pole = [ 'Červené' , 1 , 'modrý' , 7 , 'nachový' , 5 ] ;konzole.log ( pole ) ;
Výstup
To je vše o použití Array Type v TypeScriptu.
Závěr
“ Pole ” je datová struktura v TypeScriptu podobná JavaScriptu, kterou lze použít pro ukládání a manipulaci s kolekcí dat. Chcete-li deklarovat/použít pole v TypeScript, existují dva způsoby, včetně „ Pole „klíčové slovo nebo hranaté závorky“ [ ] ” nebo zkrácená syntaxe. Tento tutoriál demonstroval typ pole v TypeScript a způsob, jak jej používat.