' Plans ” sont utilisés pour stocker et récupérer des paires clé-valeur. Il s'agit d'une structure de données intégrée dans TypeScript qui est similaire à une carte JavaScript, mais qui présente l'avantage supplémentaire de la vérification de type. La classe TypeScript Map fournit un moyen sécurisé de stocker des paires clé-valeur avec n'importe quel type de clé et de valeur.
Ce blog vous expliquera comment créer une carte en TypeScript.
Comment créer une carte en TypeScript ?
Pour créer une carte dans TypeScript, utilisez les approches suivantes :
Méthode 1 : créer une carte à l'aide du constructeur « Map »
Pour créer une carte dans TypeScript, utilisez le ' Carte ” constructeur. Lors de l'utilisation du constructeur 'Map', il existe deux façons de créer une carte dans TypeScript :
-
- Soit vous pouvez déclarer la carte avec le ' nouveau ” mot-clé puis utilisez le “ ensemble() ” méthode pour ajouter les paires clé-valeur.
- Ou initialisez la carte avec des paires clé-valeur au moment de la déclaration.
Syntaxe
La syntaxe donnée est utilisée pour créer une carte dans TypeScript à l'aide du constructeur Map :
nouvelle carte < taper , taper > ( )laisser carte = nouvelle carte < chaîne, nombre > ( ) ;
Ici le ' chaîne ', et ' nombre ” est le type de clé et la valeur de la carte.
Pour initialiser la carte au moment de la déclaration, utilisez la syntaxe suivante :
laisser carte = nouvelle carte < chaîne, chaîne > ( [[ 'clé1' , 'valeur1' ] ,
[ 'clé2' , 'valeur2' ]
] ) ;
Exemple 1:
Créez une carte à l'aide du constructeur Map en définissant le type de la clé et de la valeur de la carte :
marques constantes = nouvelle carte < chaîne, nombre > ( ) ;
Utilisez le ' ensemble() ” méthode pour ajouter les paires clé-valeur dans la carte :
marques.set ( 'Géographie' , 25 ) ;
marques.set ( 'Mathématiques' , 40 ) ;
marques.set ( 'Anglais' , 31 ) ;
Enfin, imprimez la carte sur la console :
Maintenant, transpilez le code TypeScript en code JavaScript en exécutant la commande ci-dessous sur le terminal :
Ensuite, exécutez le code JavaScript à l'aide de la commande suivante :
Sortir
Note : Il est obligatoire de transpiler le fichier TypeScript après la mise à jour du code TypeScript.
Exemple 2 :
Vous pouvez également initialiser la carte à l'aide du constructeur Map :
laisser marques = nouvelle carte < chaîne, chaîne > ( [[ 'Histoire' , '39' ] ,
[ 'Géographie' , '25' ] ,
[ 'Mathématiques' , '40' ] ,
[ 'Anglais' , '31' ]
] ) ;
Imprimez la carte sur la console à l'aide de la touche ' console.log() ' méthode:
Sortir
Méthode 2 : créer une carte à l'aide du type « Record Utility »
Une autre façon de créer une carte est d'utiliser le ' Utilitaire d'enregistrement ' taper. Il s'agit d'un type intégré dans TypeScript qui peut être utilisé pour définir un type qui représente une carte de paires clé-valeur. Il prend deux paramètres, le type des clés et le type des valeurs.
Syntaxe
Suivez la syntaxe donnée pour créer une carte à l'aide du type 'Utilitaire d'enregistrement':
Enregistrer < taper , taper > = { }
Exemple
Créez une carte à l'aide du 'Type d'utilitaire d'enregistrement':
marques constantes : enregistrement < chaîne, chaîne > = { } ;
Attribuez la valeur aux clés de la carte :
Des marques [ 'Géographie' ] = '25' ;
Des marques [ 'Mathématiques' ] = '40' ;
Des marques [ 'Anglais' ] = '31' ;
Enfin, imprimez la carte sur la console :
Sortir
Nous avons fourni toutes les informations nécessaires à la création d'une carte sur TypeScript.
Conclusion
Il existe deux façons de créer une carte dans TypeScript, par exemple en utilisant le ' Constructeur de carte ' et en utilisant le ' Type d'utilitaire d'enregistrement ”. Les deux approches fonctionnent bien, mais la première approche est la manière courante de créer une carte dans TypeScript. Ce blog a expliqué les façons de créer une carte dans TypeScript.