Jak inicializovat a deklarovat slovník v TypeScript

A ' slovník ” odkazuje na typ datové struktury, která obsahuje páry klíč–hodnota v neuspořádaném seznamu. Je ekvivalentem „mapy“ v TypeScriptu. Je to užitečný nástroj pro práci s daty v aplikacích TypeScript. Proces deklarace a inicializace slovníku v TypeScript je jednoduchý a snadný. Slovník je běžně deklarován a inicializován v TypeScriptu pomocí typu nástroje „Record“.

Tento příspěvek popíše metody pro deklaraci a inicializaci slovníku v Typescriptu.

Jak inicializovat a deklarovat slovník v TypeScript?

Chcete-li inicializovat a deklarovat slovník v TypeScript, použijte následující přístupy:

Než budete pokračovat, nejprve si uvědomte, že pro spuštění souboru TypeScript je nutné jej po každé úpravě transpilovat do souboru JavaScript a poté spustit kód JavaScript na terminálu pomocí daných příkazů:

tsc dictionary.ts
node dictionary.js

Metoda 1: Inicializace a deklarace slovníku v TypeScript pomocí indexovaného objektu

Chcete-li inicializovat a deklarovat slovník, použijte „ indexovaný objekt “. Jedná se o datovou strukturu, která spojuje skupinu klíčů se skupinou hodnot, kde každý klíč je odlišný a odkazuje na určitou hodnotu.

Syntax

Pro inicializaci a deklaraci slovníku pomocí indexovaného objektu se používá následující syntaxe:

typ Můj slovník = {
[ klíč: typ ] : typ hodnoty
} ;

Příklad

Nejprve definujeme slovník s názvem „ Můj slovník ” což je typ indexovaného objektu, který popisuje tvar našeho slovníku:

typ Můj slovník = {
[ klíč: řetězec ] : číslo
} ;

Poté deklarujeme a inicializujeme novou proměnnou “ věkový slovník 'typu' Můj slovník ” a přiřaďte mu objektový literál se třemi páry klíč–hodnota:

const ageDictionary: MyDictionary = {
'John' : 26 ,
'Marie' : 28 ,
'Skála' : 27
} ;

Vytiskněte slovník na konzole předáním proměnné v „ console.log() “ metoda:

konzole.log ( věkový slovník ) ;

Výstup

Pokud chcete získat hodnotu libovolného zadaného klíče slovníku, můžete použít zápis v hranatých závorkách „[ ]“:

konzole.log ( věkový slovník [ 'Skála' ] ) ;

Výstup zobrazuje věk „ Skála 'to je' 27 “:

Metoda 2: Inicializace a deklarace slovníku v TypeScript pomocí rozhraní

Pro inicializaci a deklaraci slovníku můžete použít „ rozhraní “. Rozhraní v TypeScript je technika pro vyjádření smlouvy, kterou musí objekt dodržovat. Definuje atributy a typy vlastností, které objekt vyžaduje, aby mohl být považován za instanci tohoto rozhraní.

Syntax

Při inicializaci a deklaraci slovníku pomocí rozhraní postupujte podle uvedené syntaxe:

Informace o rozhraní {
klíč1: hodnota1Typ;
klíč2: hodnota2Typ;
}

Příklad

Nejprve definujte slovník s názvem „ Info “ pomocí „rozhraní“, které vyžaduje, aby jakýkoli objekt, který jej implementuje, měl vlastnost name typu „string“ a vlastnost age typu „number“:

rozhraní Info {
jméno: řetězec;
věk: číslo;
}

Poté deklarujte a inicializujte novou proměnnou “ studentský slovník 'typu' Info “s atributem” id 'typu' číslo “:

byl studentský slovník: { [ identifikační číslo ] : Info; } = {
1 : { název: 'Zvedák' , věk: patnáct } ,
2 : { název: 'pijavice' , věk: 18 }
} ;

Nakonec vytiskněte slovník na konzoli:

konzole.log ( studentský slovník ) ;

Výstup

Nyní přistoupíme k objektu na indexu nebo id 2:

konzole.log ( studentský slovník [ 2 ] ) ;

Výstup

Metoda 3: Inicializujte a deklarujte slovník v TypeScript pomocí mapy ES6

Pro inicializaci a deklaraci slovníku v TypeScript můžete také použít přístup ES6 Map. Jedná se o vestavěnou datovou strukturu v JavaScriptu a TypeScriptu, která umožňuje ukládání párů klíč-hodnota, kde klíč a hodnota mohou být libovolného datového typu.

Syntax

Pro použití ES6 Map postupujte podle dané syntaxe:

nová mapa < keyType, valueType > ( ) ;

Příklad

Nejprve vytvoříme objekt mapy pomocí konstruktoru mapy zadáním typu klíčů a hodnot jako „ tětiva “:

nechat student = nová mapa < struna, struna > ( ) ;

Nyní použijte metodu set() k přidání párů klíč–hodnota do slovníku:

student.set ( 'název' , 'pijavice' ) ;
student.set ( 'stáří' , '18' ) ;
student.set ( 'hobby' , 'Čtení knihy' ) ;

Vytiskněte si slovník na konzoli:

konzole.log ( student ) ;

Výstup

Metoda 4: Inicializace a deklarace slovníku v TypeScriptu pomocí Record Utility Type

Dalším způsobem, jak inicializovat a deklarovat slovník, je použít typ nástroje „Record“ v TypeScript. Je to nejběžnější způsob inicializace a deklarace slovníku. Je to předem vytvořená datová struktura v TypeScriptu, která umožňuje vytvoření typu se zadanými klíči a hodnotami.

Syntax

Pro typ obslužného programu Record se používá následující syntaxe:

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

Příklad

V uvedeném příkladu deklarujeme a inicializujeme slovník s názvem „ student ' za použití ' Záznam ” typ nástroje pro zadání klíčů a hodnot typu řetězec:

nechat student: Záznam < struna, struna > = {
'název' : 'pijavice' ,
'stáří' : '18' ,
'hobby' : 'Čtení knihy' ,
} ;

Nakonec vytiskněte slovník na konzoli:

konzole.log ( student ) ;

Výstup

Sestavili jsme všechny podstatné informace související s inicializací a deklarací slovníku v TypeScriptu.

Závěr

Chcete-li inicializovat a deklarovat slovník v TypeScript, použijte „ Indexovaný objekt “, “ an Rozhraní “, “ Mapa ES6 ' nebo ' Typ nástroje pro záznam “. Nejběžnějším způsobem inicializace a deklarace slovníku je „obslužný typ záznamu“. Tento příspěvek popsal metody pro deklaraci a inicializaci slovníku TypeScript.

Jak inicializovat a deklarovat slovník v TypeScript