' Χάρτες ” χρησιμοποιούνται για την αποθήκευση και την ανάκτηση ζευγών κλειδιών-τιμών. Είναι μια ενσωματωμένη δομή δεδομένων στο TypeScript που είναι παρόμοια με έναν χάρτη JavaScript, αλλά έχει το πρόσθετο πλεονέκτημα του ελέγχου τύπου. Η κλάση TypeScript Map παρέχει έναν ασφαλή τρόπο αποθήκευσης ζευγών κλειδιού-τιμής με οποιοδήποτε τύπο κλειδιού και τιμής.
Αυτό το ιστολόγιο θα εξηγήσει τους τρόπους δημιουργίας ενός χάρτη στο TypeScript.
Πώς να δημιουργήσετε έναν χάρτη στο TypeScript;
Για τη δημιουργία ενός χάρτη στο TypeScript, χρησιμοποιήστε τις ακόλουθες προσεγγίσεις:
Μέθοδος 1: Δημιουργήστε έναν χάρτη χρησιμοποιώντας τον κατασκευαστή 'Map'.
Για τη δημιουργία ενός χάρτη στο TypeScript, χρησιμοποιήστε το ' Χάρτης ” κατασκευαστής. Κατά τη χρήση του κατασκευαστή 'Map', υπάρχουν δύο τρόποι για να δημιουργήσετε έναν χάρτη στο TypeScript:
-
- Είτε μπορείτε να δηλώσετε τον χάρτη με το ' νέος ' λέξη-κλειδί και στη συνέχεια χρησιμοποιήστε το ' σειρά() ' μέθοδος για την προσθήκη των ζευγών κλειδιού-τιμής.
- Ή αρχικοποιήστε τον χάρτη με ζεύγη κλειδιού-τιμής τη στιγμή της δήλωσης.
Σύνταξη
Η δεδομένη σύνταξη χρησιμοποιείται για τη δημιουργία ενός χάρτη στο TypeScript χρησιμοποιώντας τον κατασκευαστή χάρτη:
νέος χάρτης < τύπος , τύπος > ( )αφήνω χάρτης = νέος Χάρτης < συμβολοσειρά, αριθμός > ( ) ;
Εδώ, το « σειρά ', και ' αριθμός ” είναι ο τύπος του κλειδιού και η τιμή του χάρτη.
Για να αρχικοποιήσετε τον χάρτη τη στιγμή της δήλωσης, χρησιμοποιήστε την ακόλουθη σύνταξη:
αφήνω χάρτης = νέος Χάρτης < χορδή, χορδή > ( [[ 'κλειδί 1' , 'τιμή 1' ] ,
[ 'κλειδί 2' , 'τιμή 2' ]
] ) ;
Παράδειγμα 1:
Δημιουργήστε έναν χάρτη χρησιμοποιώντας το εργαλείο κατασκευής χάρτη ορίζοντας τον τύπο για το κλειδί και την τιμή του χάρτη:
const marks = νέος χάρτης < συμβολοσειρά, αριθμός > ( ) ;
Χρησιμοποιήστε το ' σειρά() ” μέθοδος για την προσθήκη των ζευγών κλειδιών-τιμών στον χάρτη:
σημάδια.σετ ( 'Γεωγραφία' , 25 ) ;
σημάδια.σετ ( 'Μαθηματικά' , 40 ) ;
σημάδια.σετ ( 'Αγγλικά' , 31 ) ;
Τέλος, εκτυπώστε τον χάρτη στην κονσόλα:
Τώρα, μετατρέψτε τον κώδικα TypeScript στον κώδικα JavaScript εκτελώντας την παρακάτω εντολή στο τερματικό:
Στη συνέχεια, εκτελέστε τον κώδικα JavaScript χρησιμοποιώντας την ακόλουθη εντολή:
Παραγωγή
Σημείωση : Είναι υποχρεωτική η μεταγραφή του αρχείου TypeScript μετά την ενημέρωση του κώδικα TypeScript.
Παράδειγμα 2:
Μπορείτε επίσης να αρχικοποιήσετε τον χάρτη χρησιμοποιώντας τον κατασκευαστή χάρτη:
αφήνω σημάδια = νέος Χάρτης < χορδή, χορδή > ( [[ 'Ιστορία' , '39' ] ,
[ 'Γεωγραφία' , '25' ] ,
[ 'Μαθηματικά' , '40' ] ,
[ 'Αγγλικά' , '31' ]
] ) ;
Εκτυπώστε τον χάρτη στην κονσόλα χρησιμοποιώντας το ' console.log() 'μέθοδος:
Παραγωγή
Μέθοδος 2: Δημιουργήστε έναν χάρτη χρησιμοποιώντας τον τύπο 'Record Utility'.
Ένας άλλος τρόπος για να δημιουργήσετε έναν χάρτη είναι να χρησιμοποιήσετε το ' Βοηθητικό πρόγραμμα εγγραφής πληκτρολογήστε. Είναι ένας ενσωματωμένος τύπος στο TypeScript που μπορεί να χρησιμοποιηθεί για τον καθορισμό ενός τύπου που αντιπροσωπεύει έναν χάρτη ζευγών κλειδιών-τιμών. Χρειάζονται δύο παραμέτρους, τον τύπο των κλειδιών και τον τύπο των τιμών.
Σύνταξη
Ακολουθήστε τη δεδομένη σύνταξη για τη δημιουργία χάρτη χρησιμοποιώντας τον τύπο 'Record Utility':
Ρεκόρ < τύπος , τύπος > = { }
Παράδειγμα
Δημιουργήστε έναν χάρτη χρησιμοποιώντας το 'Record Utility Type':
βαθμοί συναγωνισμού: Ρεκόρ < χορδή, χορδή > = { } ;
Εκχωρήστε την τιμή στα κλειδιά του χάρτη:
σημάδια [ 'Γεωγραφία' ] = '25' ;
σημάδια [ 'Μαθηματικά' ] = '40' ;
σημάδια [ 'Αγγλικά' ] = '31' ;
Τέλος, εκτυπώστε τον χάρτη στην κονσόλα:
Παραγωγή
Έχουμε παράσχει όλες τις απαραίτητες πληροφορίες σχετικά με τη δημιουργία ενός χάρτη στο TypeScript.
συμπέρασμα
Υπάρχουν δύο τρόποι για να δημιουργήσετε έναν χάρτη στο TypeScript, όπως η χρήση του ' Κατασκευαστής χάρτη ' και χρησιμοποιώντας το ' Καταγράψτε τον τύπο βοηθητικού προγράμματος '. Και οι δύο προσεγγίσεις έχουν καλή απόδοση, αλλά η πρώτη προσέγγιση είναι ο κοινός τρόπος δημιουργίας χάρτη στο TypeScript. Αυτό το ιστολόγιο εξηγούσε τους τρόπους δημιουργίας ενός χάρτη στο TypeScript.