TypeScript - Tuples

Parfois, il peut être nécessaire de stocker une collection de valeurs de types variés. Les tableaux ne serviront pas à cette fin. TypeScript nous donne un type de données appelé tuple qui aide à atteindre un tel objectif.

Il représente un ensemble hétérogène de valeurs. En d'autres termes, les tuples permettent de stocker plusieurs champs de types différents. Les tuples peuvent également être passés en tant que paramètres aux fonctions.

Syntaxe

var tuple_name = [value1,value2,value3,…value n]

Par exemple

var mytuple = [10,"Hello"];

Vous pouvez également déclarer un tuple vide dans Typescript et choisir de l'initialiser plus tard.

var mytuple = []; 
mytuple[0] = 120 
mytuple[1] = 234

Accéder aux valeurs dans les tuples

Les valeurs de tuple sont individuellement appelées éléments. Les tuples sont basés sur des index. Cela signifie que les éléments d'un tuple sont accessibles à l'aide de leur index numérique correspondant. L'index de l'élément de tuple commence à zéro et s'étend jusqu'à n-1 (où n est la taille du tuple).

Syntaxe

tuple_name[index]

Exemple: Tuple simple

var mytuple = [10,"Hello"]; //create a  tuple 
console.log(mytuple[0]) 
console.log(mytuple[1])

Dans l'exemple ci-dessus, un tuple, mytuple, est déclaré. Le tuple contient respectivement des valeurs de types numérique et chaîne.

Lors de la compilation, il générera le même code en JavaScript.

Sa sortie est la suivante -

10 
Hello

Exemple: Tuple vide

var tup = [] 
tup[0] = 12 
tup[1] = 23 

console.log(tup[0]) 
console.log(tup[1])

Lors de la compilation, il générera le même code en JavaScript.

Sa sortie est la suivante -

12 
23

Opérations de tuple

Les tuples dans TypeScript prennent en charge diverses opérations telles que pousser un nouvel élément, supprimer un élément du tuple, etc.

Exemple

var mytuple = [10,"Hello","World","typeScript"]; 
console.log("Items before push "+mytuple.length)    // returns the tuple size 

mytuple.push(12)                                    // append value to the tuple 
console.log("Items after push "+mytuple.length) 
console.log("Items before pop "+mytuple.length) 
console.log(mytuple.pop()+" popped from the tuple") // removes and returns the last item
  
console.log("Items after pop "+mytuple.length)

  • Le push () ajoute un élément au tuple

  • Le pop () supprime et renvoie la dernière valeur du tuple

Lors de la compilation, il générera le même code en JavaScript.

La sortie du code ci-dessus est la suivante -

Items before push 4 
Items after push 5 
Items before pop 5 
12 popped from the tuple 
Items after pop 4

Mise à jour des tuples

Les tuples sont mutables, ce qui signifie que vous pouvez mettre à jour ou modifier les valeurs des éléments de tuple.

Exemple

var mytuple = [10,"Hello","World","typeScript"]; //create a  tuple 
console.log("Tuple value at index 0 "+mytuple[0]) 

//update a tuple element 
mytuple[0] = 121     
console.log("Tuple value at index 0 changed to   "+mytuple[0])

Lors de la compilation, il générera le même code en JavaScript.

La sortie du code ci-dessus est la suivante -

Tuple value at index 0 10 
Tuple value at index 0 changed to 121

Destructuration d'un tuple

La destruction fait référence à la rupture de la structure d'une entité. TypeScript prend en charge la déstructuration lorsqu'il est utilisé dans le contexte d'un tuple.

Exemple

var a =[10,"hello"] 
var [b,c] = a 
console.log( b )    
console.log( c )

Lors de la compilation, il générera le code JavaScript suivant.

//Generated by typescript 1.8.10
var a = [10, "hello"];
var b = a[0], c = a[1];
console.log(b);
console.log(c);

Sa sortie est la suivante -

10 
hello