Woordenboek initialiseren en declareren in TypeScript

Woordenboek Initialiseren En Declareren In Typescript



A ' woordenboek ” verwijst naar een type gegevensstructuur dat sleutel-waardeparen bevat in een ongeordende lijst. Het is gelijk aan 'kaart' in TypeScript. Het is een handig hulpmiddel voor het verwerken van gegevens in TypeScript-toepassingen. Het proces van het declareren en initialiseren van een woordenboek in TypeScript is eenvoudig en gemakkelijk. Het woordenboek wordt gewoonlijk gedeclareerd en geïnitialiseerd in TypeScript met behulp van het hulpprogramma 'Record'.

Dit bericht beschrijft de methoden voor het declareren en initialiseren van een woordenboek in Typescript.







Hoe een woordenboek in TypeScript te initialiseren en te declareren?

Gebruik de volgende benaderingen om een ​​woordenboek in TypeScript te initialiseren en te declareren:



Voordat u verder gaat, moet u eerst begrijpen dat voor het uitvoeren van een TypeScript-bestand, het na elke wijziging in een JavaScript-bestand moet worden getransponeerd en vervolgens de JavaScript-code op de terminal moet uitvoeren met behulp van de gegeven opdrachten:



tsc woordenboek.ts
knooppunt woordenboek.js





Methode 1: Initialiseer en declareer woordenboek in TypeScript met behulp van een geïndexeerd object

Om een ​​woordenboek te initialiseren en te declareren, gebruikt u de ' geïndexeerd object ”. Het is een gegevensstructuur die een groep sleutels koppelt aan een groep waarden, waarbij elke sleutel verschillend is en gekoppeld is aan een bepaalde waarde.

Syntaxis



De volgende syntaxis wordt gebruikt voor het initialiseren en declareren van een woordenboek met behulp van het geïndexeerde object:

type MijnWoordenboek = {
[ sleutel: type ] : waarde type
} ;


Voorbeeld

Eerst zullen we een woordenboek definiëren met de naam ' Mijn woordenboek ” wat een geïndexeerd objecttype is dat de vorm van ons woordenboek beschrijft:

type MijnWoordenboek = {
[ sleutel: tekenreeks ] : nummer
} ;


Vervolgens declareren en initialiseren we een nieuwe variabele ' leeftijdWoordenboek ' van type ' Mijn woordenboek ' en wijs er een letterlijk object aan toe, met drie sleutel-waardeparen:

const leeftijdDictionary: MyDictionary = {
'John' : 26 ,
'Maria' : 28 ,
'Steen' : 27
} ;


Druk het woordenboek op de console af door de variabele in de ' console.log() ” methode:

console.log ( leeftijdWoordenboek ) ;


Uitgang


Als u de waarde van een opgegeven sleutel van een woordenboek wilt ophalen, kunt u de notatie tussen vierkante haakjes '[ ]' gebruiken:

console.log ( leeftijdWoordenboek [ 'Steen' ] ) ;


De uitvoer toont de leeftijd van ' Steen ' dat is ' 27 ”:

Methode 2: Initialiseer en declareer woordenboek in TypeScript met behulp van een interface

Voor het initialiseren en declareren van een woordenboek kunt u de ' koppel ”. Een interface in TypeScript is een techniek om een ​​contract uit te drukken dat een object moet volgen. Het definieert de attributen en typen eigenschappen die een object nodig heeft om als een instantie van die interface te worden beschouwd.

Syntaxis

Volg de gegeven syntaxis voor het initialiseren en declareren van een woordenboek met behulp van een interface:

interface Info {
sleutel1: waarde1Type;
sleutel2: waarde2Type;
}


Voorbeeld

Definieer eerst een woordenboek met de naam ' Info ' met behulp van een 'interface' die vereist dat elk object dat het implementeert een naameigenschap van het type 'tekenreeks' en een leeftijdseigenschap van het type 'nummer' heeft:

interface Info {
naam: tekenreeks;
leeftijd: aantal;
}


Declareer en initialiseer vervolgens een nieuwe variabele ' studentenwoordenboek ' van type ' Info ” met een attribuut “ ID kaart ' van type ' nummer ”:

was studentWoordenboek: { [ ID nummer ] : Info; } = {
1 : { naam: 'Jack' , leeftijd: vijftien } ,
2 : { naam: 'bloedzuiger' , leeftijd: 18 }
} ;


Druk ten slotte het woordenboek op de console af:

console.log ( studentenwoordenboek ) ;


Uitgang


Nu zullen we toegang krijgen tot het object op index of id 2:

console.log ( studentenwoordenboek [ 2 ] ) ;


Uitgang

Methode 3: Woordenboek initialiseren en declareren in TypeScript met behulp van ES6 Map

U kunt ook de ES6 Map-benadering gebruiken voor het initialiseren en declareren van een woordenboek in TypeScript. Het is een ingebouwde gegevensstructuur in JavaScript en TypeScript waarmee sleutel-waardeparen kunnen worden opgeslagen, waarbij de sleutel en de waarde van elk gegevenstype kunnen zijn.

Syntaxis

Volg de gegeven syntaxis om ES6 Map te gebruiken:

nieuwe kaart < sleutelType, waardeType > ( ) ;


Voorbeeld

Eerst maken we een kaartobject met behulp van de Map-constructor door het type sleutels en waarden op te geven als ' snaar ”:

laten student = nieuwe kaart < touwtje, touwtje > ( ) ;


Gebruik nu de methode set() om de sleutel-waardeparen aan het woordenboek toe te voegen:

student.set ( 'naam' , 'bloedzuiger' ) ;
student.set ( 'leeftijd' , '18' ) ;
student.set ( 'hobby' , 'Boek lezen' ) ;


Print het woordenboek op de console:

console.log ( student ) ;


Uitgang

Methode 4: Initialiseer en declareer woordenboek in TypeScript met behulp van Record Utility Type

Een andere manier om een ​​woordenboek te initialiseren en te declareren, is door het hulpprogramma 'Record' in TypeScript te gebruiken. Het is de meest gebruikelijke manier om een ​​woordenboek te initialiseren en te declareren. Het is een vooraf gebouwde gegevensstructuur in TypeScript waarmee een type kan worden gemaakt met gespecificeerde sleutels en waarden.

Syntaxis

De volgende syntaxis wordt gebruikt voor het hulpprogramma Record:

Dossier < sleutelType, waardeType > = { } ;


Voorbeeld

In het gegeven voorbeeld declareren en initialiseren we een woordenboek met de naam ' student ' de ... gebruiken ' Dossier ” utility type om de sleutels en waarden van type string op te geven:

laten leerling: opnemen < touwtje, touwtje > = {
'naam' : 'bloedzuiger' ,
'leeftijd' : '18' ,
'hobby' : 'Boek lezen' ,
} ;


Druk tot slot het woordenboek af op de console:

console.log ( student ) ;


Uitgang


We hebben alle essentiële informatie verzameld met betrekking tot het initialiseren en declareren van een woordenboek in TypeScript.

Conclusie

Om een ​​woordenboek in TypeScript te initialiseren en te declareren, gebruikt u de ' Geïndexeerd object ”, “ een Koppel ”, “ ES6-kaart ' of de ' Noteer het type hulpprogramma ”. De meest gebruikelijke manier om een ​​woordenboek te initialiseren en te declareren is het 'Record utility type'. Dit bericht beschreef de methoden voor het declareren en initialiseren van een TypeScript-woordenboek.