TypeScript - Tuple

A volte, potrebbe essere necessario memorizzare una raccolta di valori di vari tipi. Gli array non serviranno a questo scopo. TypeScript ci fornisce un tipo di dati chiamato tupla che aiuta a raggiungere tale scopo.

Rappresenta una raccolta eterogenea di valori. In altre parole, le tuple consentono di memorizzare più campi di diversi tipi. Le tuple possono anche essere passate come parametri alle funzioni.

Sintassi

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

Per esempio

var mytuple = [10,"Hello"];

Puoi anche dichiarare una tupla vuota in Typescript e scegliere di inizializzarla in seguito.

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

Accesso ai valori nelle tuple

I valori della tupla sono chiamati individualmente elementi. Le tuple sono basate sull'indice. Ciò significa che è possibile accedere agli elementi in una tupla utilizzando il loro indice numerico corrispondente. L'indice dell'elemento della tupla inizia da zero e si estende fino a n-1 (dove n è la dimensione della tupla).

Sintassi

tuple_name[index]

Esempio: tupla semplice

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

Nell'esempio sopra, una tupla, mytuple, viene dichiarato. La tupla contiene valori di tipo numerico e stringa rispettivamente.

Durante la compilazione, genererà lo stesso codice in JavaScript.

Il suo output è il seguente:

10 
Hello

Esempio: tupla vuota

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

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

Durante la compilazione, genererà lo stesso codice in JavaScript.

Il suo output è il seguente:

12 
23

Operazioni su tuple

Le tuple in TypeScript supportano varie operazioni come il push di un nuovo elemento, la rimozione di un elemento dalla tupla, ecc.

Esempio

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)
  • Push () aggiunge un elemento alla tupla

  • Il pop () rimuove e restituisce l'ultimo valore nella tupla

Durante la compilazione, genererà lo stesso codice in JavaScript.

L'output del codice sopra è il seguente:

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

Aggiornamento delle tuple

Le tuple sono mutabili, il che significa che puoi aggiornare o modificare i valori degli elementi della tupla.

Esempio

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])

Durante la compilazione, genererà lo stesso codice in JavaScript.

L'output del codice sopra è il seguente:

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

Distruzione di una tupla

La destrutturazione si riferisce alla rottura della struttura di un'entità. TypeScript supporta la destrutturazione quando viene utilizzato nel contesto di una tupla.

Esempio

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

Durante la compilazione, genererà il seguente codice JavaScript.

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

Il suo output è il seguente:

10 
hello