“ Kaarten ” worden gebruikt voor het opslaan en ophalen van sleutel-waardeparen. Het is een ingebouwde datastructuur in TypeScript die vergelijkbaar is met een JavaScript-kaart, maar het heeft het extra voordeel van typecontrole. De TypeScript Map-klasse biedt een typeveilige manier om sleutel-waardeparen op te slaan met elk type sleutel en waarde.
In deze blog worden de manieren uitgelegd om een kaart in TypeScript te maken.
Hoe maak je een kaart in TypeScript?
Gebruik de volgende benaderingen om een kaart in TypeScript te maken:
Methode 1: maak een kaart met behulp van de 'Map' -constructor
Gebruik voor het maken van een kaart in TypeScript de ' Kaart ” constructeur. Tijdens het gebruik van de 'Map' -constructor zijn er twee manieren om een kaart in TypeScript te maken:
-
- Of u kunt de kaart declareren met de ' nieuw ” trefwoord en gebruik dan de “ set() ” methode om de sleutel-waardeparen toe te voegen.
- Of initialiseer de kaart met sleutel-waardeparen op het moment van declaratie.
Syntaxis
De gegeven syntaxis wordt gebruikt voor het maken van een kaart in TypeScript met behulp van de Map-constructor:
nieuwe kaart < type , type > ( )laten kaart = nieuwe kaart < tekenreeks, nummer > ( ) ;
Hier de ' snaar ', En ' nummer ” is het type sleutel en waarde van de kaart.
Gebruik de volgende syntaxis om de kaart te initialiseren op het moment van aangifte:
laten kaart = nieuwe kaart < touwtje, touwtje > ( [[ 'sleutel1' , 'waarde1' ] ,
[ 'sleutel2' , 'waarde2' ]
] ) ;
Voorbeeld 1:
Maak een kaart met behulp van de kaartconstructor door het type voor de sleutel en waarde van de kaart te definiëren:
const marks = nieuwe kaart < tekenreeks, nummer > ( ) ;
Gebruik de ' set() ” methode voor het toevoegen van de sleutel-waardeparen in de kaart:
markeringen.set ( 'Geografie' , 25 ) ;
markeringen.set ( 'Wiskunde' , 40 ) ;
markeringen.set ( 'Engels' , 31 ) ;
Druk ten slotte de kaart af op de console:
Zet nu de TypeScript-code om in de JavaScript-code door de onderstaande opdracht op de terminal uit te voeren:
Voer vervolgens de JavaScript-code uit met behulp van de volgende opdracht:
Uitgang
Opmerking : Het is verplicht om het TypeScript-bestand te transpileren na het bijwerken van de TypeScript-code.
Voorbeeld 2:
U kunt de kaart ook initialiseren met behulp van de Map-constructor:
laten markeringen = nieuwe kaart < touwtje, touwtje > ( [[ 'Geschiedenis' , '39' ] ,
[ 'Geografie' , '25' ] ,
[ 'Wiskunde' , '40' ] ,
[ 'Engels' , '31' ]
] ) ;
Print de kaart op de console met behulp van de ' console.log() ” methode:
Uitgang
Methode 2: maak een kaart met behulp van het type 'Record Utility'.
Een andere manier om een kaart te maken is door de ' Nut opnemen ' typen. Het is een ingebouwd type in TypeScript dat kan worden gebruikt voor het definiëren van een type dat een kaart van sleutel-waardeparen vertegenwoordigt. Er zijn twee parameters nodig, het type sleutels en het type waarden.
Syntaxis
Volg de gegeven syntaxis voor het maken van een kaart met behulp van het type 'Record Utility':
Dossier < type , type > = { }
Voorbeeld
Maak een kaart met behulp van het 'Record Utility Type':
const-tekens: Record < touwtje, touwtje > = { } ;
Wijs de waarde toe aan de toetsen van de kaart:
merken [ 'Geografie' ] = '25' ;
merken [ 'Wiskunde' ] = '40' ;
merken [ 'Engels' ] = '31' ;
Druk ten slotte de kaart af op de console:
Uitgang
We hebben alle benodigde informatie verstrekt die relevant is voor het maken van een kaart op TypeScript.
Conclusie
Er zijn twee manieren om een kaart in TypeScript te maken, zoals het gebruik van de ' Kaartbouwer ” en met behulp van de “ Noteer het type hulpprogramma ”. Beide benaderingen presteren goed, maar de eerste benadering is de gebruikelijke manier om een kaart in TypeScript te maken. In deze blog worden de manieren uitgelegd om een kaart in TypeScript te maken.