Ako inicializovať a deklarovať slovník v TypeScript

A “ slovník ” označuje typ dátovej štruktúry, ktorá obsahuje páry kľúč – hodnota v neusporiadanom zozname. Je to ekvivalent „mapy“ v TypeScript. Je to užitočný nástroj na prácu s údajmi v aplikáciách TypeScript. Proces deklarovania a inicializácie slovníka v TypeScript je jednoduchý a ľahký. Slovník je bežne deklarovaný a inicializovaný v TypeScript pomocou typu pomôcky „Record“.

Tento príspevok popisuje metódy deklarovania a inicializácie slovníka v Typescript.

Ako inicializovať a deklarovať slovník v TypeScript?

Ak chcete inicializovať a deklarovať slovník v TypeScript, použite nasledujúce prístupy:

Predtým, ako budete pokračovať, najprv si uvedomte, že na spustenie súboru TypeScript sa musí po každej úprave transpilovať do súboru JavaScript a potom spustiť kód JavaScript na termináli pomocou daných príkazov:

tsc dictionary.ts
node dictionary.js

Metóda 1: Inicializujte a deklarujte slovník v TypeScript pomocou indexovaného objektu

Ak chcete inicializovať a deklarovať slovník, použite „ indexovaný objekt “. Ide o dátovú štruktúru, ktorá spája skupinu kľúčov so skupinou hodnôt, pričom každý kľúč je odlišný a spája sa s konkrétnou hodnotou.

Syntax

Nasledujúca syntax sa používa na inicializáciu a deklaráciu slovníka pomocou indexovaného objektu:

typu Môj slovník = {
[ kľúč: typu ] : valueType
} ;

Príklad

Najprv definujeme slovník s názvom „ Môj Slovník ” čo je typ indexovaného objektu, ktorý popisuje tvar nášho slovníka:

typu Môj slovník = {
[ kľúč: reťazec ] : číslo
} ;

Potom deklarujeme a inicializujeme novú premennú “ vekSlovník 'typu' Môj Slovník ” a priraďte k nemu doslovný objekt s tromi pármi kľúč – hodnota:

const ageDictionary: MyDictionary = {
'John' : 26 ,
'Mary' : 28 ,
'rock' : 27
} ;

Vytlačte slovník na konzole zadaním premennej v „ console.log() “ metóda:

konzola.log ( vekSlovník ) ;

Výkon

Ak chcete získať hodnotu ktoréhokoľvek zadaného kľúča slovníka, môžete použiť zápis v hranatých zátvorkách „[ ]“:

konzola.log ( vekSlovník [ 'rock' ] ) ;

Výstup zobrazuje vek „ Rock 'to je' 27 “:

Metóda 2: Inicializujte a deklarujte slovník v TypeScript pomocou rozhrania

Na inicializáciu a deklarovanie slovníka môžete použiť „ rozhranie “. Rozhranie v TypeScript je technika na vyjadrenie zmluvy, ktorú musí objekt dodržiavať. Definuje atribúty a typy vlastností, ktoré objekt vyžaduje, aby bol považovaný za inštanciu tohto rozhrania.

Syntax

Pri inicializácii a deklarovaní slovníka pomocou rozhrania postupujte podľa uvedenej syntaxe:

Informácie o rozhraní {
key1: value1Type;
key2: value2Type;
}

Príklad

Najprv definujte slovník s názvom „ Info “ pomocou „rozhrania“, ktoré vyžaduje, aby každý objekt, ktorý ho implementuje, mal vlastnosť name typu „string“ a vlastnosť age typu „number“:

Informácie o rozhraní {
meno: reťazec;
vek: číslo;
}

Potom deklarujte a inicializujte novú premennú “ študentský slovník 'typu' Info “ s atribútom “ id 'typu' číslo “:

bol študentský slovník: { [ identifikačné číslo ] : Info; } = {
1 : { názov: 'Jack' , Vek: pätnásť } ,
2 : { názov: 'pijavica' , Vek: 18 }
} ;

Nakoniec vytlačte slovník na konzole:

konzola.log ( študentský slovník ) ;

Výkon

Teraz pristúpime k objektu na indexe alebo id 2:

konzola.log ( študentský slovník [ 2 ] ) ;

Výkon

Metóda 3: Inicializujte a deklarujte slovník v TypeScript pomocou mapy ES6

Prístup ES6 Map môžete použiť aj na inicializáciu a deklaráciu slovníka v TypeScript. Ide o vstavanú dátovú štruktúru v JavaScripte a TypeScripte, ktorá umožňuje ukladanie párov kľúč – hodnota, pričom kľúč a hodnota môžu byť ľubovoľného typu údajov.

Syntax

Ak chcete použiť mapu ES6, postupujte podľa uvedenej syntaxe:

nová mapa < keyType, valueType > ( ) ;

Príklad

Najprv vytvoríme objekt mapy pomocou konštruktora mapy zadaním typu kľúčov a hodnôt ako „ reťazec “:

nech študent = nová mapa < šnúrka, šnúrka > ( ) ;

Teraz použite metódu set() na pridanie párov kľúč – hodnota do slovníka:

študentský.súbor ( 'názov' , 'pijavica' ) ;
študentský.súbor ( 'Vek' , '18' ) ;
študentský.súbor ( 'hobby' , 'čítanie knihy' ) ;

Vytlačte slovník na konzole:

konzola.log ( študent ) ;

Výkon

Metóda 4: Inicializujte a deklarujte slovník v TypeScript pomocou Record Utility Type

Ďalším spôsobom, ako inicializovať a deklarovať slovník, je použiť typ pomôcky „Record“ v TypeScript. Je to najbežnejší spôsob inicializácie a deklarovania slovníka. Je to vopred vytvorená dátová štruktúra v TypeScript, ktorá umožňuje vytvorenie typu so špecifikovanými kľúčmi a hodnotami.

Syntax

Pre typ pomôcky Record sa používa nasledujúca syntax:

Záznam < keyType, valueType > = { } ;

Príklad

V uvedenom príklade deklarujeme a inicializujeme slovník s názvom „ študent “ pomocou „ Záznam ” typ pomôcky na určenie kľúčov a hodnôt typu reťazec:

nech študent: Záznam < šnúrka, šnúrka > = {
'názov' : 'pijavica' ,
'Vek' : '18' ,
'hobby' : 'čítanie knihy' ,
} ;

Nakoniec vytlačte slovník na konzole:

konzola.log ( študent ) ;

Výkon

Zozbierali sme všetky podstatné informácie súvisiace s inicializáciou a deklarovaním slovníka v TypeScript.

Záver

Ak chcete inicializovať a deklarovať slovník v TypeScript, použite „ Indexovaný objekt “, “ an Rozhranie “, “ Mapa ES6 ' alebo ' Typ pomôcky záznamu “. Najbežnejším spôsobom inicializácie a deklarovania slovníka je „obslužný typ záznamu“. Tento príspevok popisuje metódy na deklarovanie a inicializáciu slovníka TypeScript.

Ako inicializovať a deklarovať slovník v TypeScript