Πώς να αρχικοποιήσετε και να δηλώσετε λεξικό στο TypeScript

Pos Na Archikopoiesete Kai Na Delosete Lexiko Sto Typescript



ΕΝΑ ' λεξικό ” αναφέρεται σε έναν τύπο δομής δεδομένων που περιέχει ζεύγη κλειδιών-τιμών σε μια λίστα χωρίς σειρά. Είναι ισοδύναμο με το 'map' στο TypeScript. Είναι ένα χρήσιμο εργαλείο για το χειρισμό δεδομένων σε εφαρμογές TypeScript. Η διαδικασία δήλωσης και προετοιμασίας ενός λεξικού στο TypeScript είναι απλή και εύκολη. Το λεξικό συνήθως δηλώνεται και αρχικοποιείται στο TypeScript χρησιμοποιώντας τον τύπο βοηθητικού προγράμματος 'Record'.

Αυτή η ανάρτηση θα περιγράψει τις μεθόδους δήλωσης και προετοιμασίας ενός λεξικού στο Typescript.







Πώς να αρχικοποιήσετε και να δηλώσετε ένα λεξικό στο TypeScript;

Για να αρχικοποιήσετε και να δηλώσετε ένα λεξικό στο TypeScript, χρησιμοποιήστε τις ακόλουθες προσεγγίσεις:



Πριν προχωρήσετε, πρώτα κατανοήστε ότι για την εκτέλεση ενός αρχείου TypeScript, πρέπει να μεταφερθεί σε ένα αρχείο JavaScript μετά από κάθε τροποποίηση και στη συνέχεια να εκτελέσετε τον κώδικα JavaScript στο τερματικό χρησιμοποιώντας τις δεδομένες εντολές:



tsc λεξικό.ts
λεξικό κόμβου.js





Μέθοδος 1: Εκκίνηση και δήλωση λεξικού στο TypeScript χρησιμοποιώντας ένα αντικείμενο ευρετηρίου

Για να αρχικοποιήσετε και να δηλώσετε ένα λεξικό, χρησιμοποιήστε το ' ευρετηριασμένο αντικείμενο '. Είναι μια δομή δεδομένων που συνδέει μια ομάδα κλειδιών με μια ομάδα τιμών, όπου κάθε κλειδί είναι ξεχωριστό και συνδέεται με μια συγκεκριμένη τιμή.

Σύνταξη



Η ακόλουθη σύνταξη χρησιμοποιείται για την προετοιμασία και τη δήλωση ενός λεξικού χρησιμοποιώντας το ευρετηριασμένο αντικείμενο:

τύπος Το Λεξικό μου = {
[ κλειδί: τύπος ] : valueType
} ;


Παράδειγμα

Αρχικά, θα ορίσουμε ένα λεξικό με το όνομα ' Το Λεξικό μου ” που είναι ένας τύπος αντικειμένου με ευρετήριο που περιγράφει το σχήμα του λεξικού μας:

τύπος Το Λεξικό μου = {
[ κλειδί: χορδή ] : αριθμός
} ;


Στη συνέχεια, δηλώνουμε και αρχικοποιούμε μια νέα μεταβλητή ' Λεξικό ηλικίας 'τύπου' Το Λεξικό μου ” και αντιστοιχίστε ένα αντικείμενο κυριολεκτικά σε αυτό, με τρία ζεύγη κλειδιών-τιμών:

const ageDictionary: MyDictionary = {
'Γιάννης' : 26 ,
'Μαρία' : 28 ,
'Βράχος' : 27
} ;


Εκτυπώστε το λεξικό στην κονσόλα περνώντας τη μεταβλητή στο ' console.log() 'μέθοδος:

console.log ( Λεξικό ηλικίας ) ;


Παραγωγή


Εάν θέλετε να ανακτήσετε την τιμή οποιουδήποτε καθορισμένου κλειδιού ενός λεξικού, τότε μπορείτε να χρησιμοποιήσετε τον συμβολισμό αγκύλων «[ ]»:

console.log ( Λεξικό ηλικίας [ 'Βράχος' ] ) ;


Η έξοδος εμφανίζει την ηλικία του ' Βράχος ' αυτό είναι ' 27 ”:

Μέθοδος 2: Εκκίνηση και δήλωση λεξικού στο TypeScript χρησιμοποιώντας μια διεπαφή

Για την προετοιμασία και τη δήλωση ενός λεξικού, μπορείτε να χρησιμοποιήσετε το ' διεπαφή '. Μια διεπαφή στο TypeScript είναι μια τεχνική για την έκφραση μιας σύμβασης που πρέπει να ακολουθεί ένα αντικείμενο. Καθορίζει τα χαρακτηριστικά και τους τύπους ιδιοτήτων που απαιτεί ένα αντικείμενο προκειμένου να θεωρηθεί στιγμιότυπο αυτής της διεπαφής.

Σύνταξη

Ακολουθήστε τη δεδομένη σύνταξη για την προετοιμασία και τη δήλωση ενός λεξικού χρησιμοποιώντας τη διεπαφή:

Πληροφορίες διεπαφής {
key1: value1Type;
key2: value2Type;
}


Παράδειγμα

Πρώτα, ορίστε ένα λεξικό με το όνομα ' Πληροφορίες ' χρησιμοποιώντας μια 'διεπαφή' η οποία απαιτεί από κάθε αντικείμενο που την υλοποιεί να έχει μια ιδιότητα ονόματος τύπου 'string' και μια ιδιότητα ηλικίας τύπου 'number':

Πληροφορίες διεπαφής {
όνομα: συμβολοσειρά;
ηλικία: αριθμός;
}


Στη συνέχεια, δηλώστε και αρχικοποιήστε μια νέα μεταβλητή ' λεξικό μαθητή 'τύπου' Πληροφορίες 'με μια ιδιότητα' ταυτότητα 'τύπου' αριθμός ”:

was studentDictionary: { [ αριθμό ταυτότητας ] : Πληροφορίες; } = {
1 : { όνομα: 'Γρύλος' , ηλικία: δεκαπέντε } ,
2 : { όνομα: 'βδέλλα' , ηλικία: 18 }
} ;


Τέλος, εκτυπώστε το λεξικό στην κονσόλα:

console.log ( μαθητής Λεξικό ) ;


Παραγωγή


Τώρα, θα έχουμε πρόσβαση στο αντικείμενο στο ευρετήριο ή στο αναγνωριστικό 2:

console.log ( μαθητής Λεξικό [ 2 ] ) ;


Παραγωγή

Μέθοδος 3: Αρχικοποίηση και δήλωση λεξικού στο TypeScript χρησιμοποιώντας χάρτη ES6

Μπορείτε επίσης να χρησιμοποιήσετε την προσέγγιση Χάρτη ES6 για την προετοιμασία και τη δήλωση ενός λεξικού στο TypeScript. Είναι μια ενσωματωμένη δομή δεδομένων σε JavaScript και TypeScript που επιτρέπει την αποθήκευση ζευγών κλειδιού-τιμής, όπου το κλειδί και η τιμή μπορούν να είναι οποιουδήποτε τύπου δεδομένων.

Σύνταξη

Για τη χρήση του χάρτη ES6, ακολουθήστε τη δεδομένη σύνταξη:

νέος χάρτης < keyType, valueType > ( ) ;


Παράδειγμα

Αρχικά, θα δημιουργήσουμε ένα αντικείμενο χάρτη χρησιμοποιώντας τον κατασκευαστή χάρτη, καθορίζοντας τον τύπο των κλειδιών και των τιμών ως ' σειρά ”:

αφήνω μαθητής = νέος Χάρτης < χορδή, χορδή > ( ) ;


Τώρα, χρησιμοποιήστε τη μέθοδο set() για να προσθέσετε τα ζεύγη κλειδιών-τιμών στο λεξικό:

μαθητής.σετ ( 'όνομα' , 'βδέλλα' ) ;
μαθητής.σετ ( 'ηλικία' , '18' ) ;
μαθητής.σετ ( 'χόμπι' , 'Ανάγνωση Βιβλίου' ) ;


Εκτυπώστε το λεξικό στην κονσόλα:

console.log ( μαθητης σχολειου ) ;


Παραγωγή

Μέθοδος 4: Εκκίνηση και δήλωση λεξικού στο TypeScript χρησιμοποιώντας τον τύπο βοηθητικού προγράμματος εγγραφής

Ένας άλλος τρόπος για να αρχικοποιήσετε και να δηλώσετε ένα λεξικό είναι να χρησιμοποιήσετε τον τύπο βοηθητικού προγράμματος 'Record' στο TypeScript. Είναι ο πιο συνηθισμένος τρόπος αρχικοποίησης και δήλωσης ενός λεξικού. Είναι μια προκατασκευασμένη δομή δεδομένων στο TypeScript που επιτρέπει τη δημιουργία ενός τύπου με καθορισμένα κλειδιά και τιμές.

Σύνταξη

Η ακόλουθη σύνταξη χρησιμοποιείται για τον τύπο του βοηθητικού προγράμματος Εγγραφή:

Ρεκόρ < keyType, valueType > = { } ;


Παράδειγμα

Στο συγκεκριμένο παράδειγμα, δηλώνουμε και αρχικοποιούμε ένα λεξικό που ονομάζεται ' μαθητης σχολειου ' χρησιμοποιώντας την ' Ρεκόρ ” τύπος βοηθητικού προγράμματος για να καθορίσετε τα κλειδιά και τις τιμές της συμβολοσειράς τύπου:

αφήνω μαθητής: Ρεκόρ < χορδή, χορδή > = {
'όνομα' : 'βδέλλα' ,
'ηλικία' : '18' ,
'χόμπι' : 'Ανάγνωση Βιβλίου' ,
} ;


Τέλος, εκτυπώστε το λεξικό στην κονσόλα:

console.log ( μαθητης σχολειου ) ;


Παραγωγή


Έχουμε συγκεντρώσει όλες τις βασικές πληροφορίες που σχετίζονται με την προετοιμασία και τη δήλωση ενός λεξικού στο TypeScript.

συμπέρασμα

Για να αρχικοποιήσετε και να δηλώσετε ένα λεξικό στο TypeScript, χρησιμοποιήστε το ' Αντικείμενο με ευρετήριο », « ένα Διεπαφή », « Χάρτης ES6 'ή το ' Καταγράψτε τον τύπο βοηθητικού προγράμματος '. Ο πιο συνηθισμένος τρόπος προετοιμασίας και δήλωσης ενός λεξικού είναι ο «τύπος βοηθητικού προγράμματος εγγραφής». Αυτή η ανάρτηση περιέγραψε τις μεθόδους για τη δήλωση και την προετοιμασία ενός λεξικού TypeScript.