Cum să inițializați și să declarați dicționarul în TypeScript

Cum Sa Initializati Si Sa Declarati Dictionarul In Typescript



A ' dicţionar ” se referă la un tip de structură de date care conține perechi cheie-valoare într-o listă neordonată. Este echivalent cu „hartă” în TypeScript. Este un instrument util pentru manipularea datelor în aplicațiile TypeScript. Procesul de declarare și inițializare a unui dicționar în TypeScript este simplu și ușor. Dicționarul este de obicei declarat și inițializat în TypeScript folosind tipul de utilitar „Înregistrare”.

Această postare va descrie metodele de declarare și inițializare a unui dicționar în Typescript.







Cum să inițializați și să declarați un dicționar în TypeScript?

Pentru a inițializa și a declara un dicționar în TypeScript, utilizați următoarele abordări:



Înainte de a continua, înțelegeți mai întâi că pentru a executa un fișier TypeScript, acesta trebuie să fie transpilat într-un fișier JavaScript după fiecare modificare și apoi rulați codul JavaScript pe terminal folosind comenzile date:



dicţionar tsc.ts
nod dictionary.js





Metoda 1: Inițializați și declarați dicționarul în TypeScript folosind un obiect indexat

Pentru a inițializa și a declara un dicționar, utilizați „ obiect indexat ”. Este o structură de date care leagă un grup de chei la un grup de valori, unde fiecare cheie este distinctă și se leagă la o anumită valoare.

Sintaxă



Următoarea sintaxă este utilizată pentru inițializarea și declararea unui dicționar folosind obiectul indexat:

tip MyDictionary = {
[ cheie: tip ] : tipul valorii
} ;


Exemplu

Mai întâi, vom defini un dicționar numit „ Dicționarul meu ” care este un tip de obiect indexat care descrie forma dicționarului nostru:

tip MyDictionary = {
[ cheie: sfoară ] : număr
} ;


Apoi, declarăm și inițializam o nouă variabilă „ ageDictionary ” de tip ” Dicționarul meu ” și atribuiți-i un obiect literal, cu trei perechi cheie-valoare:

const ageDictionary: MyDictionary = {
'Ioan' : 26 ,
'Maria' : 28 ,
'Rock' : 27
} ;


Imprimați dicționarul pe consolă trecând variabila în „ console.log() ” metoda:

console.log ( ageDictionary ) ;


Ieșire


Dacă doriți să preluați valoarea oricărei chei specificate a unui dicționar, puteți utiliza notația paranteze drepte „[ ]”:

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


Ieșirea afișează vârsta de „ stâncă ' acesta este ' 27 ”:

Metoda 2: Inițializați și declarați dicționarul în TypeScript utilizând o interfață

Pentru inițializarea și declararea unui dicționar, puteți folosi „ interfata ”. O interfață în TypeScript este o tehnică de exprimare a unui contract pe care un obiect trebuie să-l urmeze. Acesta definește atributele și tipurile de proprietăți pe care le necesită un obiect pentru a fi considerat o instanță a acelei interfețe.

Sintaxă

Urmați sintaxa dată pentru inițializarea și declararea unui dicționar folosind interfața:

Informații despre interfață {
key1: value1Type;
key2: value2Type;
}


Exemplu

Mai întâi, definiți un dicționar numit „ Info ” folosind o „interfață” care necesită ca orice obiect care îl implementează să aibă o proprietate de nume de tip „șir” și o proprietate de vârstă de tip „număr”:

Informații despre interfață {
nume: șir;
vârsta: număr;
}


Apoi, declarați și inițializați o nouă variabilă „ studentDictionary ” de tip ” Info „cu un atribut” id ” de tip ” număr ”:

a fost studentDicționar: { [ numar de identificare ] : Info; } = {
1 : { Nume: 'Jack' , varsta: cincisprezece } ,
2 : { Nume: 'lipitoare' , varsta: 18 }
} ;


În cele din urmă, tipăriți dicționarul pe consolă:

console.log ( studentDictionary ) ;


Ieșire


Acum, vom accesa obiectul la index sau id 2:

console.log ( studentDictionary [ 2 ] ) ;


Ieșire

Metoda 3: Inițializați și declarați dicționarul în TypeScript utilizând Harta ES6

De asemenea, puteți utiliza abordarea ES6 Map pentru inițializarea și declararea unui dicționar în TypeScript. Este o structură de date încorporată în JavaScript și TypeScript care permite stocarea perechilor cheie-valoare, unde cheia și valoarea pot fi de orice tip de date.

Sintaxă

Pentru a utiliza ES6 Map, urmați sintaxa dată:

Hartă nouă < keyType, valueType > ( ) ;


Exemplu

În primul rând, vom crea un obiect hartă folosind constructorul de hartă specificând tipul de chei și valori ca „ şir ”:

lăsa student = hartă nouă < sfoară, sfoară > ( ) ;


Acum, utilizați metoda set() pentru a adăuga perechile cheie-valoare la dicționar:

student.set ( 'Nume' , 'lipitoare' ) ;
student.set ( 'vârstă' , '18' ) ;
student.set ( 'hobby' , „Citirea cărții” ) ;


Tipăriți dicționarul pe consolă:

console.log ( student ) ;


Ieșire

Metoda 4: Inițializați și declarați dicționarul în TypeScript utilizând tipul utilitarului de înregistrare

O altă modalitate de a inițializa și de a declara un dicționar este utilizarea tipului de utilitar „Înregistrare” în TypeScript. Este cel mai comun mod de a inițializa și declara un dicționar. Este o structură de date pre-construită în TypeScript care permite crearea unui tip cu chei și valori specificate.

Sintaxă

Următoarea sintaxă este utilizată pentru tipul de utilitar Record:

Record < keyType, valueType > = { } ;


Exemplu

În exemplul dat, declarăm și inițializam un dicționar numit „ student ' folosind ' Record ” tip utilitar pentru a specifica cheile și valorile tipului șir:

lăsa elev: Înregistrează < sfoară, sfoară > = {
'Nume' : 'lipitoare' ,
'vârstă' : '18' ,
'hobby' : „Citirea cărții” ,
} ;


În cele din urmă, tipăriți dicționarul pe consolă:

console.log ( student ) ;


Ieșire


Am compilat toate informațiile esențiale legate de inițializarea și declararea unui dicționar în TypeScript.

Concluzie

Pentru a inițializa și a declara un dicționar în TypeScript, utilizați „ Obiect indexat ”, “ un Interfață ”, “ Harta ES6 ' sau ' Înregistrați tipul utilitarului ”. Cel mai comun mod de a inițializa și declara un dicționar este „Tipul utilitar de înregistrare”. Această postare a descris metodele de declarare și inițializare a unui dicționar TypeScript.