Paano Magsimula at Magdeklara ng Diksyunaryo sa TypeScript

Paano Magsimula At Magdeklara Ng Diksyunaryo Sa Typescript



isang ' diksyunaryo ” ay tumutukoy sa isang uri ng istruktura ng data na naglalaman ng mga pares ng key-value sa isang hindi nakaayos na listahan. Ito ay katumbas ng 'mapa' sa TypeScript. Ito ay isang kapaki-pakinabang na tool para sa paghawak ng data sa TypeScript application. Ang proseso ng pagdedeklara at pagsisimula ng diksyunaryo sa TypeScript ay simple at madali. Ang diksyunaryo ay karaniwang idineklara at pinasimulan sa TypeScript gamit ang uri ng utility na 'Record'.

Ilalarawan ng post na ito ang mga pamamaraan para sa pagdedeklara at pagsisimula ng diksyunaryo sa Typescript.







Paano Magsimula at Magdeklara ng Diksyunaryo sa TypeScript?

Upang simulan at ideklara ang isang diksyunaryo sa TypeScript, gamitin ang mga sumusunod na diskarte:



Bago magpatuloy, unawain muna na para sa pagpapatupad ng TypeScript file, dapat itong i-transpile sa isang JavaScript file pagkatapos ng bawat pagbabago at pagkatapos ay patakbuhin ang JavaScript code sa terminal gamit ang mga ibinigay na command:



tsc diksyunaryo.ts
node dictionary.js





Paraan 1: Magsimula at Magdeklara ng Diksyunaryo sa TypeScript Gamit ang isang Indexed Object

Upang magsimula at magdeklara ng diksyunaryo, gamitin ang “ na-index na bagay ”. Ito ay isang istraktura ng data na nag-uugnay sa isang pangkat ng mga susi sa isang pangkat ng mga halaga, kung saan ang bawat susi ay naiiba at nagli-link sa isang partikular na halaga.

Syntax



Ang sumusunod na syntax ay ginagamit para sa pagsisimula at pagdedeklara ng isang diksyunaryo gamit ang na-index na bagay:

uri MyDictionary = {
[ susi: uri ] : uri ng halaga
} ;


Halimbawa

Una, tutukuyin natin ang isang diksyunaryo na pinangalanang ' MyDictionary ” na isang naka-index na uri ng bagay na naglalarawan sa hugis ng aming diksyunaryo:

uri MyDictionary = {
[ susi: string ] : numero
} ;


Pagkatapos, ipinapahayag at pinasimulan namin ang isang bagong variable ' ageDictionary 'ng uri' MyDictionary ” at magtalaga ng literal na bagay dito, na may tatlong pares ng key-value:

const ageDictionary: MyDictionary = {
'John' : 26 ,
'Maria' : 28 ,
'Bato' : 27
} ;


I-print ang diksyunaryo sa console sa pamamagitan ng pagpasa ng variable sa “ console.log() 'paraan:

console.log ( ageDictionary ) ;


Output


Kung gusto mong kunin ang halaga ng anumang tinukoy na key ng isang diksyunaryo, maaari mong gamitin ang square bracket notation na “[ ]”:

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


Ipinapakita ng output ang edad na ' Bato ' yan ay ' 27 ”:

Paraan 2: Magsimula at Magdeklara ng Diksyunaryo sa TypeScript Gamit ang Interface

Para sa pagsisimula at pagdedeklara ng diksyunaryo, maaari mong gamitin ang “ interface ”. Ang isang interface sa TypeScript ay isang pamamaraan para sa pagpapahayag ng isang kontrata na dapat sundin ng isang bagay. Tinutukoy nito ang mga katangian at uri ng mga katangian na kinakailangan ng isang bagay upang maituring na isang halimbawa ng interface na iyon.

Syntax

Sundin ang ibinigay na syntax para sa pagsisimula at pagdedeklara ng diksyunaryo gamit ang interface:

Impormasyon ng interface {
key1: value1Type;
key2: value2Type;
}


Halimbawa

Una, tukuyin ang isang diksyunaryo na pinangalanang ' Impormasyon ' gamit ang isang 'interface' na nangangailangan ng anumang bagay na nagpapatupad nito na magkaroon ng isang pangalan na katangian ng 'string' na uri at isang edad na katangian ng 'numero' na uri:

Impormasyon ng interface {
pangalan: string;
edad: numero;
}


Pagkatapos, ipahayag at simulan ang isang bagong variable ' studentDictionary 'ng uri' Impormasyon 'may katangian' id 'ng uri' numero ”:

ay studentDictionary: { [ id: numero ] : Impormasyon; } = {
1 : { pangalan: 'Jack' , edad: labinlima } ,
2 : { pangalan: 'Linta' , edad: 18 }
} ;


Panghuli, i-print ang diksyunaryo sa console:

console.log ( studentDictionary ) ;


Output


Ngayon, maa-access natin ang object sa index o id 2:

console.log ( studentDictionary [ 2 ] ) ;


Output

Paraan 3: Magsimula at Magdeklara ng Diksyunaryo sa TypeScript Gamit ang ES6 Map

Maaari mo ring gamitin ang diskarte sa ES6 Map para sa pagsisimula at pagdedeklara ng diksyunaryo sa TypeScript. Ito ay isang built-in na istraktura ng data sa JavaScript at TypeScript na nagbibigay-daan sa pag-imbak ng mga pares ng key-value, kung saan ang susi at ang halaga ay maaaring nasa anumang uri ng data.

Syntax

Para sa paggamit ng ES6 Map, sundin ang ibinigay na syntax:

bagong Mapa < keyType, valueType > ( ) ;


Halimbawa

Una, gagawa kami ng object ng mapa gamit ang Map constructor sa pamamagitan ng pagtukoy sa uri ng mga key at value bilang ' string ”:

hayaan mag-aaral = bagong Mapa < string, string > ( ) ;


Ngayon, gamitin ang set() na paraan upang idagdag ang mga pares ng key-value sa diksyunaryo:

mag-aaral.set ( 'pangalan' , 'Linta' ) ;
mag-aaral.set ( 'edad' , '18' ) ;
mag-aaral.set ( 'libangan' , 'Pagbasa ng Aklat' ) ;


I-print ang diksyunaryo sa console:

console.log ( mag-aaral ) ;


Output

Paraan 4: Magsimula at Magdeklara ng Diksyunaryo sa TypeScript Gamit ang Uri ng Record Utility

Ang isa pang paraan upang magsimula at magdeklara ng diksyunaryo ay ang paggamit ng uri ng utility na 'Record' sa TypeScript. Ito ang pinakakaraniwang paraan ng pagsisimula at pagdedeklara ng diksyunaryo. Ito ay isang pre-built na istraktura ng data sa TypeScript na nagbibigay-daan sa paglikha ng isang uri na may mga tinukoy na key at value.

Syntax

Ang sumusunod na syntax ay ginagamit para sa uri ng Record utility:

Itala < keyType, valueType > = { } ;


Halimbawa

Sa ibinigay na halimbawa, ipinapahayag at pinasimulan namin ang isang diksyunaryo na tinatawag na ' mag-aaral ' gamit ang ' Itala ” uri ng utility upang tukuyin ang mga susi at halaga ng uri ng string:

hayaan mag-aaral: Magtala < string, string > = {
'pangalan' : 'Linta' ,
'edad' : '18' ,
'libangan' : 'Pagbasa ng Aklat' ,
} ;


Panghuli, i-print ang diksyunaryo sa console:

console.log ( mag-aaral ) ;


Output


Pinagsama-sama namin ang lahat ng mahahalagang impormasyon na nauugnay sa pagsisimula at pagdedeklara ng diksyunaryo sa TypeScript.

Konklusyon

Upang simulan at ideklara ang isang diksyunaryo sa TypeScript, gamitin ang “ Naka-index na bagay ”, “ isang Interface ”, “ ES6 Mapa ' o ang ' Uri ng utility ng record ”. Ang pinakakaraniwang paraan ng pagsisimula at pagdedeklara ng diksyunaryo ay ang 'Uri ng utility sa pag-record'. Inilarawan ng post na ito ang mga pamamaraan para sa pagdedeklara at pagsisimula ng isang TypeScript na diksyunaryo.