' Kartat ' käytetään avainarvo-parien tallentamiseen ja hakemiseen. Se on TypeScriptin sisäänrakennettu tietorakenne, joka on samanlainen kuin JavaScript-kartta, mutta sen lisäetu on tyyppitarkistus. TypeScript Map -luokka tarjoaa tyyppiturvallisen tavan tallentaa avainarvopareja minkä tahansa tyyppisillä avaimilla ja arvoilla.
Tämä blogi selittää tapoja luoda kartta TypeScriptillä.
Kuinka luoda kartta TypeScriptillä?
Luodaksesi kartan TypeScriptillä, käytä seuraavia lähestymistapoja:
Tapa 1: Luo kartta 'Map'-konstruktorin avulla
Luodaksesi kartan TypeScriptillä, käytä ' Kartta ”rakentaja. Käytettäessä 'Map'-konstruktoria on kaksi tapaa luoda kartta TypeScriptissä:
-
- Joko voit ilmoittaa kartan ' Uusi '-avainsana ja käytä sitten ' aseta() ” -menetelmää avain-arvo-parien lisäämiseen.
- Tai alusta kartta avain-arvo-pareilla ilmoitushetkellä.
Syntaksi
Annettua syntaksia käytetään kartan luomiseen TypeScriptissä Map-konstruktorin avulla:
uusi kartta < tyyppi , tyyppi > ( )antaa kartta = uusi kartta < merkkijono, numero > ( ) ;
Täällä ' merkkijono ”, ja ” määrä ” on kartan avaimen tyyppi ja arvo.
Voit alustaa kartan ilmoituksen yhteydessä käyttämällä seuraavaa syntaksia:
antaa kartta = uusi kartta < merkkijono, merkkijono > ( [[ 'avain1' , 'arvo1' ] ,
[ 'avain2' , 'arvo2' ]
] ) ;
Esimerkki 1:
Luo kartta karttakonstruktorilla määrittämällä kartan avaimen tyyppi ja arvo:
const marks = uusi kartta < merkkijono, numero > ( ) ;
Käytä ' aseta() ” menetelmä avainarvo-parien lisäämiseksi kartalle:
marks.set ( 'Maantiede' , 25 ) ;
marks.set ( 'matematiikka' , 40 ) ;
marks.set ( 'Englanti' , 31 ) ;
Tulosta lopuksi kartta konsoliin:
Siirrä nyt TypeScript-koodi JavaScript-koodiksi suorittamalla alla annettu komento päätteessä:
Suorita sitten JavaScript-koodi seuraavalla komennolla:
Lähtö
Huomautus : TypeScript-tiedoston siirtäminen on pakollista TypeScript-koodin päivityksen jälkeen.
Esimerkki 2:
Voit myös alustaa kartan käyttämällä karttakonstruktoria:
antaa merkit = uusi kartta < merkkijono, merkkijono > ( [[ 'Historia' , '39' ] ,
[ 'Maantiede' , '25' ] ,
[ 'Matematiikka' , '40' ] ,
[ 'Englanti' , '31' ]
] ) ;
Tulosta kartta konsoliin käyttämällä ' console.log() 'menetelmä:
Lähtö
Tapa 2: Luo kartta käyttämällä 'Record Utility' -tyyppiä
Toinen tapa luoda kartta on käyttää ' Record-apuohjelma ”tyyppi. Se on TypeScriptin sisäänrakennettu tyyppi, jota voidaan käyttää avainarvoparien karttaa edustavan tyypin määrittämiseen. Se vaatii kaksi parametria, avainten tyypin ja arvojen tyypin.
Syntaksi
Noudata annettua syntaksia luodessasi karttaa 'Record Utility' -tyypin avulla:
Ennätys < tyyppi , tyyppi > = { }
Esimerkki
Luo kartta käyttämällä 'Record Utility Type' -apuohjelmaa:
vakiomerkit: Record < merkkijono, merkkijono > = { } ;
Määritä arvo kartan avaimille:
merkit [ 'Maantiede' ] = '25' ;
merkit [ 'matematiikka' ] = '40' ;
merkit [ 'Englanti' ] = '31' ;
Tulosta lopuksi kartta konsoliin:
Lähtö
Olemme toimittaneet kaikki tarvittavat tiedot TypeScript-kartan luomiseen.
Johtopäätös
On kaksi tapaa luoda kartta TypeScriptissä, kuten käyttämällä ' Kartan rakentaja ' ja käyttämällä ' Tallenna apuohjelman tyyppi ”. Molemmat lähestymistavat toimivat hyvin, mutta ensimmäinen lähestymistapa on yleinen tapa luoda kartta TypeScriptissä. Tämä blogi selitti tapoja luoda kartta TypeScriptillä.