TypeScript – Tuples

TypeScript a introduit un nouveau type de données appelé Tuple. Tuple peut contenir deux valeurs de types de données différents.

Considérons l’exemple suivant de variables de type nombre, chaîne et tuple.

var empId: number = 1;var empName: string = "Steve"; // Tuple type variable var employee: = ;

Dans l’exemple ci-dessus, nous avons défini une variable empId comme type de nombre et empName comme type de chaîne avec des valeurs. Ici, nous avons déclaré et attribué deux variables à l’id et au nom d’un employé. La même chose peut être obtenue en utilisant une seule variable de type tuple. employee est la variable de type tuple avec deux valeurs de type number et string. Ainsi, supprimant la nécessité de déclarer deux variables différentes.

Une variable de type tuple peut inclure plusieurs types de données comme indiqué ci-dessous.

var employee: = ;var person: = ;var user: ;// declare tuple variableuser = ;// initialize tuple variable

Vous pouvez également déclarer un tableau de tuple.

var employee: ;employee = , , ];

TypeScript génère un tableau en JavaScript pour la variable tuple. Par exemple, var employee: = sera compilé en tant que var employee = en JavaScript.

Accès aux éléments de tuple

Nous pouvons accéder aux éléments de tuple en utilisant index, de la même manière qu’un tableau. Un indice commence à zéro.

var employee: = ;employee; // returns 1employee; // returns "Steve"

Ajouter des éléments dans un Tuple

Vous pouvez ajouter de nouveaux éléments à un tuple à l’aide de la méthode push().

var employee: = ;employee.push(2, "Bill"); console.log(employee); //Output: 

Ceci est autorisé car nous ajoutons des valeurs de nombre et de chaîne au tuple et elles sont valides pour le tuple employee.

Maintenant, essayons d’ajouter une valeur booléenne au tuple.

employee.push(true) 

L’exemple ci-dessus va générer l’erreur suivante:

test.ts(4,15): error TS2345: Argument of type 'true' is not assignable to parameter of type 'number | string'.

Nous obtenons une erreur disant que l’ajout d’une valeur booléenne à un tuple de type ‘number | string’ n’est pas autorisé. Par conséquent, un tuple déclaré comme ‘nombre | chaîne’ ne peut stocker que des valeurs de nombre et de chaîne.

Le tuple est comme un tableau. Ainsi, nous pouvons utiliser des méthodes de tableau sur un tuple tel que pop(), concat(), etc.

var employee: = ;// retrieving value by index and performing an operation employee = employee.concat(" Jobs"); console.log(employee); //Output: