„ Karten “ werden zum Speichern und Abrufen von Schlüssel-Wert-Paaren verwendet. Es handelt sich um eine integrierte Datenstruktur in TypeScript, die einer JavaScript-Karte ähnelt, aber den zusätzlichen Vorteil der Typprüfung bietet. Die TypeScript Map-Klasse bietet eine typsichere Möglichkeit zum Speichern von Schlüssel-Wert-Paaren mit jedem Schlüssel- und Werttyp.
In diesem Blog werden die Möglichkeiten zum Erstellen einer Karte in TypeScript erläutert.
Wie erstelle ich eine Karte in TypeScript?
Verwenden Sie zum Erstellen einer Karte in TypeScript die folgenden Ansätze:
Methode 1: Erstellen Sie eine Karte mit dem „Map“-Konstruktor
Verwenden Sie zum Erstellen einer Karte in TypeScript das „ Karte ' Konstrukteur. Bei Verwendung des „Map“-Konstruktors gibt es zwei Möglichkeiten, eine Karte in TypeScript zu erstellen:
-
- Entweder Sie können die Karte mit dem „ neu “ Schlüsselwort und verwenden Sie dann das “ Satz() ”-Methode, um die Schlüssel-Wert-Paare hinzuzufügen.
- Oder initialisieren Sie die Karte mit Schlüssel-Wert-Paaren zum Zeitpunkt der Deklaration.
Syntax
Die angegebene Syntax wird zum Erstellen einer Karte in TypeScript mit dem Map-Konstruktor verwendet:
neue Karte < Typ , Typ > ( )lassen Karte = neue Karte < Zeichenfolge, Zahl > ( ) ;
Hier das ' Schnur ', Und ' Nummer ” ist die Art von Schlüssel und Wert der Karte.
Um die Karte zum Zeitpunkt der Deklaration zu initialisieren, verwenden Sie die folgende Syntax:
lassen Karte = neue Karte < Saite, Saite > ( [[ 'Schlüssel1' , 'Wert1' ] ,
[ 'Schlüssel2' , 'Wert2' ]
] ) ;
Beispiel 1:
Erstellen Sie eine Map mit dem Map-Konstruktor, indem Sie den Typ für den Schlüssel und den Wert der Map definieren:
konstante Markierungen = neue Karte < Zeichenfolge, Zahl > ( ) ;
Verwenden Sie das „ Satz() ”-Methode zum Hinzufügen der Schlüssel-Wert-Paare in der Karte:
markiert.set ( 'Erdkunde' , 25 ) ;
markiert.set ( 'Mathe' , 40 ) ;
markiert.set ( 'Englisch' , 31 ) ;
Drucken Sie abschließend die Karte auf der Konsole aus:
Transpilieren Sie nun den TypeScript-Code in den JavaScript-Code, indem Sie den unten angegebenen Befehl auf dem Terminal ausführen:
Führen Sie dann den JavaScript-Code mit dem folgenden Befehl aus:
Ausgang
Notiz : Es ist zwingend erforderlich, die TypeScript-Datei nach der Aktualisierung des TypeScript-Codes zu transpilieren.
Beispiel 2:
Sie können die Karte auch mit dem Map-Konstruktor initialisieren:
lassen Markierungen = neue Karte < Saite, Saite > ( [[ 'Geschichte' , '39' ] ,
[ 'Erdkunde' , '25' ] ,
[ 'Mathe' , '40' ] ,
[ 'Englisch' , '31' ]
] ) ;
Drucken Sie die Karte auf der Konsole mit „ Konsole.log() ' Methode:
Ausgang
Methode 2: Erstellen Sie eine Karte mit dem Typ „Record Utility“.
Eine andere Möglichkeit, eine Karte zu erstellen, ist die Verwendung des „ Dienstprogramm aufzeichnen ' Typ. Es ist ein integrierter Typ in TypeScript, der zum Definieren eines Typs verwendet werden kann, der eine Zuordnung von Schlüssel-Wert-Paaren darstellt. Es benötigt zwei Parameter, den Typ der Schlüssel und den Typ der Werte.
Syntax
Befolgen Sie die angegebene Syntax zum Erstellen einer Karte mit dem Typ „Record Utility“:
Aufzeichnen < Typ , Typ > = { }
Beispiel
Erstellen Sie eine Karte mit dem „Record Utility Type“:
konstante Noten: Rekord < Saite, Saite > = { } ;
Weisen Sie den Wert den Schlüsseln der Map zu:
markiert [ 'Erdkunde' ] = '25' ;
markiert [ 'Mathe' ] = '40' ;
markiert [ 'Englisch' ] = '31' ;
Drucken Sie zuletzt die Karte auf der Konsole aus:
Ausgang
Wir haben alle notwendigen Informationen bereitgestellt, die für die Erstellung einer Karte auf TypeScript relevant sind.
Abschluss
Es gibt zwei Möglichkeiten, eine Karte in TypeScript zu erstellen, z. B. die Verwendung des „ Kartenkonstrukteur “ und mit dem „ Notieren Sie den Versorgungstyp “. Beide Ansätze funktionieren gut, aber der erste Ansatz ist die übliche Methode zum Erstellen einer Karte in TypeScript. In diesem Blog wurde erklärt, wie man eine Map in TypeScript erstellt.