“ Mga mapa ” ay ginagamit para sa pag-iimbak at pagkuha ng mga pares ng key-value. Ito ay isang built-in na istraktura ng data sa TypeScript na katulad ng isang mapa ng JavaScript ngunit mayroon itong karagdagang benepisyo ng pagsuri ng uri. Ang klase ng TypeScript Map ay nagbibigay ng isang uri-safe na paraan upang mag-imbak ng mga pares ng key-value sa anumang uri ng key at value.
Ipapaliwanag ng blog na ito ang mga paraan upang lumikha ng isang Mapa sa TypeScript.
Paano Gumawa ng Mapa sa TypeScript?
Para sa paggawa ng mapa sa TypeScript, gamitin ang mga sumusunod na diskarte:
Paraan 1: Gumawa ng Mapa Gamit ang 'Map' Constructor
Para sa paggawa ng mapa sa TypeScript, gamitin ang “ Mapa ” constructor. Habang ginagamit ang tagabuo ng 'Map' mayroong dalawang paraan upang lumikha ng isang mapa sa TypeScript:
-
- Maaari mong ideklara ang mapa gamit ang ' bago ” keyword at pagkatapos ay gamitin ang “ itakda() ” paraan upang idagdag ang mga pares ng key-value.
- O simulan ang mapa gamit ang mga pares ng key-value sa oras ng deklarasyon.
Syntax
Ang ibinigay na syntax ay ginagamit para sa paglikha ng isang mapa sa TypeScript gamit ang Map constructor:
bagong Mapa < uri , uri > ( )hayaan mapa = bagong Mapa < string, numero > ( ) ;
Dito, ang ' string ”, at “ numero ” ay ang uri ng susi at halaga ng mapa.
Upang simulan ang mapa sa oras ng deklarasyon, gamitin ang sumusunod na syntax:
hayaan mapa = bagong Mapa < string, string > ( [[ 'key1' , 'value1' ] ,
[ 'key2' , 'value2' ]
] ) ;
Halimbawa 1:
Gumawa ng mapa gamit ang Map constructor sa pamamagitan ng pagtukoy sa uri para sa susi at halaga ng mapa:
const marks = bagong Mapa < string, numero > ( ) ;
Gamitin ang ' itakda() ” para sa pagdaragdag ng mga pares ng key-value sa mapa:
marka.set ( 'Heograpiya' , 25 ) ;
marka.set ( 'Maths' , 40 ) ;
marka.set ( 'Ingles' , 31 ) ;
Panghuli, i-print ang mapa sa console:
Ngayon, i-transpile ang TypeScript code sa JavaScript code sa pamamagitan ng pagsasagawa ng command na ibinigay sa ibaba sa terminal:
Pagkatapos, isagawa ang JavaScript code gamit ang sumusunod na command:
Output
Tandaan : Kinakailangang i-transpile ang TypeScript file pagkatapos i-update ang TypeScript code.
Halimbawa 2:
Maaari mo ring simulan ang mapa gamit ang Map constructor:
hayaan marka = bagong Mapa < string, string > ( [[ 'Kasaysayan' , '39' ] ,
[ 'Heograpiya' , '25' ] ,
[ 'Maths' , '40' ] ,
[ 'Ingles' , '31' ]
] ) ;
I-print ang mapa sa console gamit ang “ console.log() 'paraan:
Output
Paraan 2: Gumawa ng Mapa Gamit ang Uri ng 'Record Utility'.
Ang isa pang paraan upang lumikha ng mapa ay ang paggamit ng “ Utility ng record ” type. Ito ay isang built-in na uri sa TypeScript na maaaring magamit para sa pagtukoy ng isang uri na kumakatawan sa isang mapa ng mga pares ng key-value. Ito ay tumatagal ng dalawang parameter, ang uri ng mga susi, at ang uri ng mga halaga.
Syntax
Sundin ang ibinigay na syntax para sa paggawa ng Map gamit ang Uri ng 'Record Utility':
Itala < uri , uri > = { }
Halimbawa
Gumawa ng mapa gamit ang 'Uri ng Utility ng Record':
const marks: Itala < string, string > = { } ;
Italaga ang halaga sa mga susi ng mapa:
mga marka [ 'Heograpiya' ] = '25' ;
mga marka [ 'Maths' ] = '40' ;
mga marka [ 'Ingles' ] = '31' ;
Panghuli, i-print ang mapa sa console:
Output
Ibinigay namin ang lahat ng kinakailangang impormasyon na may kaugnayan sa paggawa ng Map sa TypeScript.
Konklusyon
Mayroong dalawang paraan upang lumikha ng isang mapa sa TypeScript tulad ng paggamit ng “ Tagabuo ng Mapa 'at gamit ang' Uri ng utility ng record ”. Ang parehong mga diskarte ay mahusay na gumaganap ngunit ang unang diskarte ay ang karaniwang paraan upang lumikha ng isang mapa sa TypeScript. Ipinaliwanag ng blog na ito ang mga paraan ng paggawa ng Map sa TypeScript.