Kuidas TypeScriptis kaarti luua

“ Kaardid ” kasutatakse võtme-väärtuste paaride salvestamiseks ja toomiseks. See on TypeScripti sisseehitatud andmestruktuur, mis sarnaneb JavaScripti kaardiga, kuid selle lisaeelis on tüübikontroll. Klass TypeScript Map pakub tüübikindlat viisi võtme-väärtuste paaride salvestamiseks mis tahes tüüpi võtme ja väärtusega.

See ajaveeb selgitab, kuidas TypeScriptis kaarti luua.

Kuidas TypeScriptis kaarti luua?

TypeScriptis kaardi loomiseks kasutage järgmisi lähenemisviise.

- Looge kaart 'Map' konstruktori abil
- Looge kaart salvestusutiliidi tüübi abil

1. meetod: looge kaart 'Map' konstruktori abil

TypeScriptis kaardi loomiseks kasutage ' Kaart ” konstruktor. Konstruktori „Map” kasutamisel on TypeScriptis kaardi loomiseks kaks võimalust.

- Võite kaardi deklareerida ' uus ' märksõna ja seejärel kasutage ' set() ” meetodit võtme-väärtuste paaride lisamiseks.
- Või lähtestage kaart deklareerimise ajal võtme-väärtuste paaridega.

Süntaks

Antud süntaksit kasutatakse TypeScriptis kaardi koostamiseks, kasutades kaardikonstruktorit:

uus kaart < tüüp , tüüp > ( )
lase kaart = uus kaart < string, number > ( ) ;

Siin on ' string ”, ja „ number ” on kaardi võtme tüüp ja väärtus.

Kaardi lähtestamiseks deklareerimise ajal kasutage järgmist süntaksit:

lase kaart = uus kaart < pael, nöör > ( [
[ 'võti1' , 'väärtus1' ] ,
[ 'võti2' , 'väärtus2' ]
] ) ;

Näide 1:

Looge kaart kaardikonstruktori abil, määrates kaardi võtme ja väärtuse tüübi:

pidevad märgid = uus kaart < string, number > ( ) ;

Kasuta ' set() ” meetod võtme-väärtuste paaride lisamiseks kaardile:

marks.set ( 'ajalugu' , 39 ) ;
marks.set ( 'geograafia' , 25 ) ;
marks.set ( 'matemaatika' , 40 ) ;
marks.set ( 'Inglise' , 31 ) ;

Lõpuks printige konsoolile kaart:

console.log ( märgid ) ;

Nüüd transpileerige TypeScripti kood JavaScripti koodiks, täites terminalis alloleva käsu:

tsc createMap.ts

Seejärel käivitage JavaScripti kood, kasutades järgmist käsku:

sõlm createMap.js

Väljund

Märge : TypeScript-faili on pärast TypeScripti koodi värskendamist kohustuslik üle kanda.

Näide 2:

Kaardi saate lähtestada ka kaardikonstruktori abil:

lase märgid = uus kaart < pael, nöör > ( [
[ 'Ajalugu' , '39' ] ,
[ 'Geograafia' , '25' ] ,
[ 'Matemaatika' , '40' ] ,
[ 'Inglise' , '31' ]
] ) ;

Printige kaart konsoolil, kasutades nuppu ' console.log() ” meetod:

console.log ( märgid ) ;

Väljund

2. meetod: looge kaart salvestusutiliidi tüübi abil

Teine võimalus kaardi loomiseks on kasutada Salvestusutiliit ” tüüpi. See on TypeScripti sisseehitatud tüüp, mida saab kasutada võtme-väärtuste paaride kaarti esindava tüübi määratlemiseks. Selleks on vaja kahte parameetrit: võtmete tüüp ja väärtuste tüüp.

Süntaks

Järgige antud süntaksit kaardi loomisel, kasutades salvestusutiliidi tüüpi:

Salvestus < tüüp , tüüp > = { }

Näide

Looge kaart utiliidi salvestamise tüübi abil:

kontrollmärgid: rekord < pael, nöör > = { } ;

Määrake väärtus kaardi klahvidele:

märgid [ 'ajalugu' ] = '39' ;
märgid [ 'Geograafia' ] = '25' ;
märgid [ 'matemaatika' ] = '40' ;
märgid [ 'Inglise' ] = '31' ;

Lõpuks printige konsoolil kaart:

console.log ( märgid ) ;

Väljund

Oleme andnud kogu vajaliku teabe TypeScripti kaardi loomiseks.

Järeldus

TypeScriptis kaardi loomiseks on kaks võimalust, näiteks kasutades ' Kaardikonstruktor ” ja kasutades nuppu „ Salvestage utiliidi tüüp ”. Mõlemad lähenemisviisid toimivad hästi, kuid esimene lähenemisviis on tavaline viis kaardi loomiseks TypeScriptis. Selles ajaveebis selgitati TypeScriptis kaardi loomise viise.

Kuidas TypeScriptis kaarti luua