Kako inicijalizirati i deklarirati rječnik u TypeScriptu

A “ rječnik ” odnosi se na vrstu strukture podataka koja sadrži parove ključ-vrijednost na neuređenom popisu. To je ekvivalentno 'karti' u TypeScriptu. To je koristan alat za rukovanje podacima u TypeScript aplikacijama. Proces deklariranja i pokretanja rječnika u TypeScriptu je jednostavan i lak. Rječnik se obično deklarira i inicijalizira u TypeScriptu pomoću tipa pomoćnog programa 'Record'.

Ovaj će post opisati metode za deklariranje i inicijaliziranje rječnika u Typescriptu.

Kako inicijalizirati i deklarirati rječnik u TypeScriptu?

Da biste inicijalizirali i deklarirali rječnik u TypeScriptu, koristite sljedeće pristupe:

Prije nego što krenete naprijed, prvo shvatite da se za izvršavanje TypeScript datoteke mora transpilirati u JavaScript datoteku nakon svake izmjene, a zatim pokrenuti JavaScript kod na terminalu pomoću danih naredbi:

tsc rječnik.ts
rječnik čvora.js

Metoda 1: Inicijaliziranje i deklariranje rječnika u TypeScriptu pomoću indeksiranog objekta

Da biste inicijalizirali i deklarirali rječnik, koristite ' indeksirani objekt ”. To je struktura podataka koja povezuje grupu ključeva sa grupom vrijednosti, pri čemu je svaki ključ različit i povezuje se s određenom vrijednošću.

Sintaksa

Sljedeća sintaksa koristi se za inicijaliziranje i deklariranje rječnika pomoću indeksiranog objekta:

tip Moj rječnik = {
[ ključ: tip ] : vrsta vrijednosti
} ;

Primjer

Prvo ćemo definirati rječnik pod nazivom ' MojRječnik ” koji je tip indeksiranog objekta koji opisuje oblik našeg rječnika:

tip Moj rječnik = {
[ ključ: niz ] : broj
} ;

Zatim deklariramo i inicijaliziramo novu varijablu ' ageDictionary ' tipa ' MojRječnik ” i dodijelite mu literal objekta s tri para ključ-vrijednost:

const ageDictionary: MyDictionary = {
'Ivan' : 26 ,
'Mary' : 28 ,
'Stijena' : 27
} ;

Ispišite rječnik na konzoli prosljeđivanjem varijable u ' konzola.log() ” metoda:

konzola.log ( ageDictionary ) ;

Izlaz

Ako tada želite dohvatiti vrijednost bilo kojeg navedenog ključa rječnika, možete upotrijebiti notaciju uglatih zagrada “[ ]”:

konzola.log ( ageDictionary [ 'Stijena' ] ) ;

Izlaz prikazuje dob ' Rock ' to je ' 27 ”:

Metoda 2: Inicijaliziranje i deklariranje rječnika u TypeScriptu pomoću sučelja

Za inicijaliziranje i deklariranje rječnika, možete koristiti ' sučelje ”. Sučelje u TypeScriptu je tehnika za izražavanje ugovora koji objekt mora slijediti. Definira atribute i tipove svojstava koje objekt zahtijeva da bi se smatrao instancom tog sučelja.

Sintaksa

Slijedite danu sintaksu za inicijaliziranje i deklariranje rječnika pomoću sučelja:

sučelje Info {
ključ1: vrijednost1Tip;
ključ2: vrijednost2Tip;
}

Primjer

Prvo definirajte rječnik pod nazivom ' Info ” koristeći “sučelje” koje zahtijeva da svaki objekt koji ga implementira ima svojstvo imena tipa “niz” i svojstvo starosti tipa “broj”:

sučelje Info {
naziv: niz;
dob: broj;
}

Zatim deklarirajte i inicijalizirajte novu varijablu ' studentDictionary ' tipa ' Info ' s atributom ' iskaznica ' tipa ' broj ”:

bio studentRječnik: { [ ID broj ] : Info; } = {
1 : { Ime: 'Utičnica' , dob: petnaest } ,
2 : { Ime: 'pijavica' , dob: 18 }
} ;

Na kraju ispišite rječnik na konzoli:

konzola.log ( studentDictionary ) ;

Izlaz

Sada ćemo pristupiti objektu na indeksu ili ID-u 2:

konzola.log ( studentDictionary [ 2 ] ) ;

Izlaz

Metoda 3: Inicijalizirajte i deklarirajte rječnik u TypeScriptu koristeći ES6 Map

Također možete koristiti pristup ES6 Map za inicijaliziranje i deklariranje rječnika u TypeScriptu. To je ugrađena struktura podataka u JavaScriptu i TypeScriptu koja omogućuje pohranjivanje parova ključ-vrijednost, pri čemu ključ i vrijednost mogu biti bilo koje vrste podataka.

Sintaksa

Za korištenje ES6 karte slijedite danu sintaksu:

nova karta < keyType, valueType > ( ) ;

Primjer

Prvo ćemo stvoriti objekt mape pomoću konstruktora mape navodeći vrstu ključeva i vrijednosti kao ' niz ”:

neka student = nova karta < niz, niz > ( ) ;

Sada upotrijebite metodu set() za dodavanje parova ključ-vrijednost u rječnik:

student.set ( 'Ime' , 'pijavica' ) ;
student.set ( 'dob' , '18' ) ;
student.set ( 'hobi' , 'Čitanje knjige' ) ;

Ispiši rječnik na konzoli:

konzola.log ( student ) ;

Izlaz

Metoda 4: Inicijaliziranje i deklariranje rječnika u TypeScriptu pomoću Record Utility Type

Drugi način za inicijaliziranje i deklariranje rječnika je korištenje tipa pomoćnog programa 'Record' u TypeScriptu. To je najčešći način pokretanja i deklariranja rječnika. To je unaprijed izgrađena struktura podataka u TypeScriptu koja omogućuje stvaranje tipa s određenim ključevima i vrijednostima.

Sintaksa

Sljedeća sintaksa koristi se za tip uslužnog programa Record:

Snimiti < keyType, valueType > = { } ;

Primjer

U danom primjeru deklariramo i inicijaliziramo rječnik pod nazivom ' student ' koristiti ' Snimiti ” tip pomoćnog programa za određivanje ključeva i vrijednosti niza tipa:

neka učenik: Zapis < niz, niz > = {
'Ime' : 'pijavica' ,
'dob' : '18' ,
'hobi' : 'Čitanje knjige' ,
} ;

Na kraju ispišite rječnik na konzoli:

konzola.log ( student ) ;

Izlaz

Sakupili smo sve bitne informacije vezane uz inicijalizaciju i deklariranje rječnika u TypeScriptu.

Zaključak

Da biste inicijalizirali i deklarirali rječnik u TypeScriptu, koristite ' Indeksirani objekt ”, “ an Sučelje ”, “ Karta ES6 ' ili ' Vrsta pomoćnog programa zapisa ”. Najčešći način inicijalizacije i deklariranja rječnika je “Record utility type”. Ovaj post opisuje metode za deklariranje i inicijaliziranje TypeScript rječnika.

Kako inicijalizirati i deklarirati rječnik u TypeScriptu