Une structure de données qui conserve un groupe d'éléments du même type dans un bloc de mémoire adjacent est appelée ' déployer ”. Les tableaux sont également pris en charge en tant que type de données dans TypeScript, car il s'agit d'un sur-ensemble de JavaScript. Il est plus sûr que JavaScript car il permet aux développeurs de spécifier le type d'éléments qu'un tableau peut stocker. Les tableaux peuvent être utilisés de cette manière pour produire un code maintenable.
Ce tutoriel montrera le type de tableau dans TypeScript et la façon de l'utiliser.
Qu'est-ce que le type de tableau dans TypeScript et comment peut-il être utilisé ?
' Déployer ' est une structure de données dans TypeScript similaire à JavaScript avec une fonctionnalité avancée de spécification du type de tableau. Il peut être utilisé pour stocker et manipuler une collection de données, comme une liste de nombres ou de chaînes, et est accessible à l'aide de leur index. Il existe deux façons de déclarer ou d'utiliser un tableau dans TypeScript :
- Mot-clé 'tableau'
- crochets '[]' ou syntaxe abrégée
Syntaxe pour tableau de type unique
Pour déclarer ou initialiser un tableau avec un seul type, utilisez la syntaxe donnée avec le mot-clé 'Array':
Déployer < taper > = [ élément1, élément2, élément3 ] ;
Ou utilisez-le comme syntaxe abrégée comme indiqué ci-dessous :
taper [ ] = [ élément1, élément2, élément3 ] ;
Syntaxe pour les tableaux multitypes
À l'aide du mot-clé 'Array', utilisez la syntaxe ci-dessous pour initialiser ou déclarer un tableau multi-typé :
Déployer < taper | taper > = [ élément1, élément2, élément3 ] ;
Ou vous pouvez utiliser les crochets '[]' ou la syntaxe abrégée comme suit :
( taper | taper ) [ ] = [ élément1, élément2, élément3 ] ;
Exemple 1 : tableau de type chaîne unique
Nous allons d'abord créer un fichier TypeScript nommé ' Arraytypes.ts ”. Dans l'exemple donné, déclarez d'abord un tableau de type chaîne nommé ' couleur » en utilisant le mot-clé « Array » :
var couleur : tableau < chaîne > ;
Maintenant, initialisez le tableau avec des valeurs de type chaîne :
couleur = [ 'rouge' , 'bleu' , 'vert' , 'noir' , 'blanc' , 'violet' , 'rose' ] ;
Ensuite, imprimez le tableau sur la console :
console.log ( couleur ) ;
Après avoir ajouté du code, nous allons transpiler ce fichier dans le fichier JavaScript en utilisant la commande donnée :
tsc Arraytypes.ts
Ensuite, pour exécuter le code JavaScript, nous utiliserons la commande ci-dessous :
nœud Arraytypes.js
Note : Il est obligatoire de transpiler le fichier TypeScript après chaque modification de celui-ci.
Sortir
Pour accéder aux éléments du tableau, utilisez la notation entre crochets '[ ]'. Ici, nous allons accéder à l'élément à l'index 3 :
console.log ( couleur [ 3 ] ) ;
La sortie affiche ' noir ” qui est l'élément d'un tableau situé à l'index 3 :
Exemple 2 : Tableau de types à nombre unique
Dans cet exemple, créez un tableau de nombres pairs en spécifiant son type ' Nombre ” en utilisant la syntaxe abrégée :
var nombres pairs : Nombre [ ] = [ 2 , 4 , 6 , 8 , dix , 12 , 14 , 16 , 18 , vingt , 22 ] ;
Imprimez le tableau sur la console :
console.log ( nombres pairs ) ;
Sortir
Exemple 3 : tableau multitype
Dans l'exemple fourni, créez un tableau contenant les valeurs de type chaîne ainsi qu'un type numérique.
Tout d'abord, déclarez un tableau à l'aide de la syntaxe abrégée en spécifiant les types de tableau avec l'opérateur pipeline ou union :
tableau var : ( chaîne | nombre ) [ ] ;
Attribuez des valeurs au tableau, puis imprimez-le sur la console :
tableau = [ 'rouge' , 1 , 'bleu' , 7 , 'violet' , 5 ] ;console.log ( déployer ) ;
Sortir
C'est tout sur l'utilisation de Array Type dans TypeScript.
Conclusion
' Déployer ” est une structure de données en TypeScript similaire à JavaScript qui peut être utilisée pour stocker et manipuler une collection de données. Pour déclarer/utiliser le tableau dans TypeScript, il existe deux façons, y compris le ' Déployer ' mot-clé ou les crochets ' [ ] ” ou syntaxe abrégée. Ce tutoriel a démontré le type de tableau dans TypeScript et la façon de l'utiliser.