Lavorare con array e tuple TypeScript
TypeScript estende JavaScript con funzionalità di tipo aggiuntive, rendendo più semplice lavorare con strutture dati complesse come array e tuple. Questa guida ti introdurrà ad array e tuple in TypeScript, incluso come definirli, manipolarli e usarli in modo efficace.
Array di TypeScript
Gli array in TypeScript sono simili agli array in JavaScript, ma hanno il vantaggio aggiuntivo delle annotazioni di tipo. Ciò assicura che tutti gli elementi nell'array siano conformi a un tipo specifico.
Definizione di array
Per definire un array in TypeScript, si specifica il tipo dei suoi elementi seguito da []
:
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
In questo esempio, numeri
è un array di numero
e nomi
è un array di stringa
.
Metodi di matrice
Gli array TypeScript supportano vari metodi simili agli array JavaScript. Ecco alcuni metodi comuni:
push()
: Aggiunge un elemento alla fine dell'array.pop()
: Rimuove l'ultimo elemento dell'array.shift()
: Rimuove il primo elemento dell'array.unshift()
: Aggiunge un elemento all'inizio dell'array.map()
: Crea un nuovo array applicando una funzione a ciascun elemento.
Esempio di matrice
let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10, 12]
Tuple TypeScript
Le tuple sono un tipo speciale di array in TypeScript in cui ogni elemento può avere un tipo diverso. Le tuple sono utili quando devi lavorare con un numero fisso di elementi di tipi diversi.
Definizione di tuple
Per definire una tupla, utilizzare le parentesi quadre []
con i tipi specificati per ciascun elemento:
let person: [string, number] = ["Alice", 30];
In questo esempio, person
è una tupla in cui il primo elemento è string
e il secondo elemento è number
.
Accesso agli elementi tupla
Accedi agli elementi della tupla utilizzando il loro indice, in modo simile agli array:
let person: [string, number] = ["Alice", 30];
let name = person[0]; // "Alice"
let age = person[1]; // 30
Tupla con elementi facoltativi
Le tuple possono anche includere elementi facoltativi:
let person: [string, number?] = ["Alice"];
let personWithAge: [string, number?] = ["Bob", 30];
In questo esempio, il secondo elemento della tupla è facoltativo.
Conclusione
Gli array e le tuple TypeScript offrono potenti modi per gestire raccolte di dati con una forte sicurezza dei tipi. Comprendendo come definire, manipolare e utilizzare array e tuple, puoi scrivere codice più robusto e gestibile. Utilizza array per elenchi di dati omogenei e tuple per raccolte di dimensioni fisse con dati eterogenei.