UN ' dictionnaire ” fait référence à un type de structure de données qui contient des paires clé-valeur dans une liste non ordonnée. C'est l'équivalent de 'map' dans TypeScript. C'est un outil utile pour gérer les données dans les applications TypeScript. Le processus de déclaration et d'initialisation d'un dictionnaire dans TypeScript est simple et facile. Le dictionnaire est généralement déclaré et initialisé dans TypeScript à l'aide du type d'utilitaire 'Record'.
Cet article décrira les méthodes de déclaration et d'initialisation d'un dictionnaire dans Typescript.
Comment initialiser et déclarer un dictionnaire en TypeScript ?
Pour initialiser et déclarer un dictionnaire dans TypeScript, utilisez les approches suivantes :
Avant d'aller de l'avant, comprenez d'abord que pour exécuter un fichier TypeScript, il doit être transpilé dans un fichier JavaScript après chaque modification, puis exécutez le code JavaScript sur le terminal à l'aide des commandes données :
dictionnaire tsc.ts
nœud dictionnaire.js
Méthode 1 : Initialiser et déclarer un dictionnaire dans TypeScript à l'aide d'un objet indexé
Pour initialiser et déclarer un dictionnaire, utilisez le ' objet indexé ”. C'est une structure de données qui relie un groupe de clés à un groupe de valeurs, où chaque clé est distincte et liée à une valeur particulière.
Syntaxe
La syntaxe suivante est utilisée pour initialiser et déclarer un dictionnaire à l'aide de l'objet indexé :
taper MonDictionnaire = {[ clé: taper ] : type de valeur
} ;
Exemple
Tout d'abord, nous allons définir un dictionnaire nommé ' Mon dictionnaire ” qui est un type d'objet indexé qui décrit la forme de notre dictionnaire :
taper MonDictionnaire = {[ clé : chaîne ] : nombre
} ;
Ensuite, nous déclarons et initialisons une nouvelle variable ' âgeDictionnaire « du genre » Mon dictionnaire ' et affectez-lui un littéral d'objet, avec trois paires clé-valeur :
'John' : 26 ,
'Marie' : 28 ,
'Osciller' : 27
} ;
Imprimer le dictionnaire sur la console en passant la variable dans le ' console.log() ' méthode:
Sortir
Si vous souhaitez récupérer la valeur de n'importe quelle clé spécifiée d'un dictionnaire, vous pouvez utiliser la notation entre crochets '[ ]':
La sortie affiche l'âge de ' Osciller ' c'est ' 27 ” :
Méthode 2 : Initialiser et déclarer un dictionnaire dans TypeScript à l'aide d'une interface
Pour initialiser et déclarer un dictionnaire, vous pouvez utiliser le ' interface ”. Une interface dans TypeScript est une technique pour exprimer un contrat qu'un objet doit suivre. Il définit les attributs et les types de propriétés dont un objet a besoin pour être considéré comme une instance de cette interface.
Syntaxe
Suivez la syntaxe donnée pour initialiser et déclarer un dictionnaire à l'aide de l'interface :
Informations sur l'interface {clé1 : valeur1Type ;
clé2 : valeur2Type ;
}
Exemple
Tout d'abord, définissez un dictionnaire nommé ' Info » en utilisant une « interface » qui exige que tout objet qui l'implémente ait une propriété name de type « string » et une propriété age de type « number » :
Informations sur l'interface {nom : chaîne ;
âge : nombre ;
}
Ensuite, déclarez et initialisez une nouvelle variable ' étudiantDictionnaire « du genre » Info ' avec un attribut ' identifiant « du genre » nombre ” :
1 : { nom: 'Jack' , âge: quinze } ,
2 : { nom: 'sangsue' , âge: 18 }
} ;
Enfin, imprimez le dictionnaire sur la console :
Sortir
Maintenant, nous allons accéder à l'objet à l'index ou à l'id 2 :
Sortir
Méthode 3 : Initialiser et déclarer le dictionnaire dans TypeScript à l'aide de la carte ES6
Vous pouvez également utiliser l'approche ES6 Map pour initialiser et déclarer un dictionnaire dans TypeScript. Il s'agit d'une structure de données intégrée dans JavaScript et TypeScript qui permet de stocker des paires clé-valeur, où la clé et la valeur peuvent être de n'importe quel type de données.
Syntaxe
Pour utiliser ES6 Map, suivez la syntaxe indiquée :
nouvelle carte < keyType, valueType > ( ) ;
Exemple
Tout d'abord, nous allons créer un objet de carte à l'aide du constructeur Map en spécifiant le type de clés et de valeurs comme ' chaîne ” :
laisser étudiant = nouvelle carte < chaîne, chaîne > ( ) ;
Maintenant, utilisez la méthode set() pour ajouter les paires clé-valeur au dictionnaire :
étudiant.set ( 'âge' , '18' ) ;
étudiant.set ( 'passe-temps' , 'Lecture de livres' ) ;
Imprimez le dictionnaire sur la console :
Sortir
Méthode 4 : Initialiser et déclarer le dictionnaire dans TypeScript à l'aide du type d'utilitaire d'enregistrement
Une autre façon d'initialiser et de déclarer un dictionnaire consiste à utiliser le type d'utilitaire 'Record' dans TypeScript. C'est la manière la plus courante d'initialiser et de déclarer un dictionnaire. Il s'agit d'une structure de données prédéfinie dans TypeScript qui permet de créer un type avec des clés et des valeurs spécifiées.
Syntaxe
La syntaxe suivante est utilisée pour le type d'utilitaire Record :
Enregistrer < keyType, valueType > = { } ;
Exemple
Dans l'exemple donné, nous déclarons et initialisons un dictionnaire appelé ' étudiant ' en utilisant le ' Enregistrer ” type d'utilitaire pour spécifier les clés et les valeurs de type chaîne :
laisser étudiant : enregistrer < chaîne, chaîne > = {'nom' : 'sangsue' ,
'âge' : '18' ,
'passe-temps' : 'Lecture de livres' ,
} ;
Enfin, imprimez le dictionnaire sur la console :
Sortir
Nous avons compilé toutes les informations essentielles liées à l'initialisation et à la déclaration d'un dictionnaire en TypeScript.
Conclusion
Pour initialiser et déclarer un dictionnaire en TypeScript, utilisez le ' Objet indexé ”, “ un Interface ”, “ Carte ES6 ' ou la ' Type d'utilitaire d'enregistrement ”. La manière la plus courante d'initialiser et de déclarer un dictionnaire est le « type d'utilitaire d'enregistrement ». Cet article décrit les méthodes de déclaration et d'initialisation d'un dictionnaire TypeScript.