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