Kako inicializirati in deklarirati slovar v TypeScript

A “ slovar ” se nanaša na vrsto podatkovne strukture, ki vsebuje pare ključ-vrednost na neurejenem seznamu. Enakovredno je 'zemljevidu' v TypeScriptu. Je uporabno orodje za obdelavo podatkov v aplikacijah TypeScript. Postopek deklariranja in inicializacije slovarja v TypeScript je preprost in enostaven. Slovar je običajno deklariran in inicializiran v TypeScript z uporabo vrste pripomočka »Record«.

Ta objava bo opisala metode za deklaracijo in inicializacijo slovarja v Typescriptu.

Kako inicializirati in deklarirati slovar v TypeScript?

Če želite inicializirati in deklarirati slovar v TypeScriptu, uporabite naslednje pristope:

Preden nadaljujete, najprej razumejte, da je treba za izvajanje datoteke TypeScript po vsaki spremembi prevesti v datoteko JavaScript in nato zagnati kodo JavaScript na terminalu z uporabo danih ukazov:

tsc slovar.ts
slovar vozlišča.js

1. način: Inicializacija in deklaracija slovarja v TypeScriptu z uporabo indeksiranega predmeta

Če želite inicializirati in deklarirati slovar, uporabite » indeksiran predmet ”. To je podatkovna struktura, ki povezuje skupino ključev s skupino vrednosti, pri čemer je vsak ključ ločen in se povezuje z določeno vrednostjo.

Sintaksa

Za inicializacijo in deklaracijo slovarja z uporabo indeksiranega predmeta se uporablja naslednja sintaksa:

vrsto Moj slovar = {
[ ključ: vrsto ] : valueType
} ;

Primer

Najprej bomo definirali slovar z imenom ' MyDictionary «, ki je indeksirana vrsta predmeta, ki opisuje obliko našega slovarja:

vrsto Moj slovar = {
[ ključ: niz ] : številka
} ;

Nato deklariramo in inicializiramo novo spremenljivko ' ageDictionary ' vrste ' MyDictionary ” in mu dodeli literal objekta s tremi pari ključ-vrednost:

const ageDictionary: MyDictionary = {
'Janez' : 26 ,
'marija' : 28 ,
'Rock' : 27
} ;

Natisnite slovar na konzoli tako, da posredujete spremenljivko v ' console.log() ” metoda:

console.log ( ageDictionary ) ;

Izhod

Če želite pridobiti vrednost katerega koli podanega ključa slovarja, lahko uporabite zapis v oglatih oklepajih »[]«:

console.log ( ageDictionary [ 'Rock' ] ) ;

Izhod prikaže starost ' Rock 'to je' 27 ”:

2. način: Inicializirajte in deklarirajte slovar v TypeScript z uporabo vmesnika

Za inicializacijo in deklaracijo slovarja lahko uporabite » vmesnik ”. Vmesnik v TypeScriptu je tehnika za izražanje pogodbe, ki ji mora objekt slediti. Določa atribute in tipe lastnosti, ki jih objekt zahteva, da se šteje za primerek tega vmesnika.

Sintaksa

Sledite dani sintaksi za inicializacijo in deklaracijo slovarja z uporabo vmesnika:

informacije o vmesniku {
ključ1: vrednost1Vrsta;
ključ2: vrednost2Vrsta;
}

Primer

Najprej definirajte slovar z imenom ' Informacije « z uporabo »vmesnika«, ki zahteva, da ima vsak predmet, ki ga implementira, lastnost imena tipa »niz« in lastnost starosti tipa »število«:

informacije o vmesniku {
ime: niz;
starost: število;
}

Nato deklarirajte in inicializirajte novo spremenljivko ' studentDictionary ' vrste ' Informacije ' z atributom ' id ' vrste ' število ”:

je bil študentSlovar: { [ ID številka ] : Info; } = {
1 : { ime: 'Jack' , starost: petnajst } ,
2 : { ime: 'pijavka' , starost: 18 }
} ;

Nazadnje natisnite slovar na konzoli:

console.log ( studentDictionary ) ;

Izhod

Zdaj bomo dostopali do predmeta na indeksu ali ID-ju 2:

console.log ( studentDictionary [ 2 ] ) ;

Izhod

3. način: Inicializacija in deklaracija slovarja v TypeScriptu z uporabo ES6 Map

Uporabite lahko tudi pristop ES6 Map za inicializacijo in deklaracijo slovarja v TypeScript. Gre za vgrajeno podatkovno strukturo v JavaScript in TypeScript, ki omogoča shranjevanje parov ključ-vrednost, kjer sta lahko ključ in vrednost katerega koli podatkovnega tipa.

Sintaksa

Za uporabo zemljevida ES6 sledite dani sintaksi:

nov zemljevid < keyType, valueType > ( ) ;

Primer

Najprej bomo ustvarili objekt zemljevida z uporabo konstruktorja zemljevida, tako da bomo določili vrsto ključev in vrednosti kot ' vrvica ”:

pustiti študent = nov zemljevid < vrvica, vrvica > ( ) ;

Zdaj uporabite metodo set(), da dodate pare ključ-vrednost v slovar:

študent.set ( 'ime' , 'pijavka' ) ;
študent.set ( 'starost' , '18' ) ;
študent.set ( 'hobi' , 'Branje knjige' ) ;

Natisnite slovar na konzoli:

console.log ( študent ) ;

Izhod

4. način: Inicializirajte in deklarirajte slovar v TypeScriptu z uporabo vrste pripomočka Record Utility Type

Drug način za inicializacijo in deklaracijo slovarja je uporaba vrste pripomočka »Record« v TypeScript. Je najpogostejši način inicializacije in deklaracije slovarja. To je vnaprej zgrajena podatkovna struktura v TypeScriptu, ki omogoča ustvarjanje vrste z določenimi ključi in vrednostmi.

Sintaksa

Za vrsto pripomočka Record se uporablja naslednja sintaksa:

Zapis < keyType, valueType > = { } ;

Primer

V danem primeru deklariramo in inicializiramo slovar z imenom ' študent ' uporabljati ' Zapis ” vrsto pripomočka za podajanje ključev in vrednosti vrste niz:

pustiti študent: Zapis < vrvica, vrvica > = {
'ime' : 'pijavka' ,
'starost' : '18' ,
'hobi' : 'Branje knjige' ,
} ;

Nazadnje natisnite slovar na konzoli:

console.log ( študent ) ;

Izhod

Zbrali smo vse bistvene informacije v zvezi z inicializacijo in deklariranjem slovarja v TypeScript.

Zaključek

Če želite inicializirati in deklarirati slovar v TypeScriptu, uporabite » Indeksiran predmet ”, “ an Vmesnik ”, “ Zemljevid ES6 ' ali ' Vrsta pripomočka zapisa ”. Najpogostejši način za inicializacijo in deklaracijo slovarja je 'vrsta pripomočka zapis'. Ta objava opisuje metode za deklariranje in inicializacijo slovarja TypeScript.

Kako inicializirati in deklarirati slovar v TypeScript