Array e tuple

Benvenuto alla prossima lezione! In questa lezione esploreremo come lavorare con array e tuple in TypeScript. Queste strutture consentono di memorizzare più valori in modo organizzato. Entriamo nel vivo!

Che cosa sono gli array?

Un array è una raccolta di elementi memorizzati in un’unica variabile. In TypeScript è possibile specificare il tipo degli elementi di un array. Esempio:

Esercizio: crei un array contenente i suoi numeri preferiti e lo visualizzi nella console.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
console.log(numbers);
console.log(names);

Accesso agli elementi di un array

Può accedere agli elementi di un array utilizzando il loro indice. Ricordi che gli indici degli array iniziano da 0:

Esercizio: provi ad accedere a diversi elementi di un array e li visualizzi nella console.

let colors: string[] = ["red", "blue", "green"];
console.log(colors[0]); // Output: "red"
console.log(colors[2]); // Output: "green"

Metodi comuni degli array

Gli array di TypeScript dispongono di molti metodi utili. Ecco alcuni esempi:

• push: aggiunge un elemento alla fine dell’array.
• pop: rimuove l’ultimo elemento dell’array.
• length: restituisce il numero di elementi dell’array.

Esempio:

Esercizio: faccia delle prove con metodi degli array come push e pop.

let fruits: string[] = ["apple", "banana"];
fruits.push("cherry"); // Add "cherry"
console.log(fruits); // Output: ["apple", "banana", "cherry"]

fruits.pop(); // Remove "cherry"
console.log(fruits); // Output: ["apple", "banana"]

console.log(fruits.length); // Output: 2

Che cosa sono le tuple?

Una tupla è un array di lunghezza fissa in cui ogni elemento può avere un tipo diverso. Le tuple sono utili per raggruppare dati correlati di tipi diversi. Esempio:

Esercizio: crei una tupla per rappresentare uno studente con nome ed età.

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: "Alice"
console.log(person[1]); // Output: 30

Lavorare con le tuple

Come gli array, le tuple supportano gli indici e i metodi. Tuttavia, la loro struttura è fissa e non è possibile aggiungere elementi senza modificare il tipo della tupla. Esempio:

Esercizio: definisca una tupla per un punto nello spazio 2D e ne visualizzi i valori.

let coordinates: [number, number] = [10, 20];
console.log(`X: ${coordinates[0]}, Y: ${coordinates[1]}`);

// Attempting to add an extra element will result in an error
// coordinates.push(30); // Error: Tuple type '[number, number]' of fixed length 2

Utilizzare array di tuple

Può creare un array di tuple per memorizzare più elementi di dati correlati. Esempio:

Esercizio: crei un array di tuple per memorizzare i nomi e le età dei suoi amici.

let students: [string, number][] = [
  ["Alice", 30],
  ["Bob", 25],
  ["Charlie", 35],
];

console.log(students[0]); // Output: ["Alice", 30]
console.log(students[1][1]); // Output: 25

Errori comuni

Ecco alcuni errori comuni quando si lavora con array e tuple:

• Accedere a elementi oltre i limiti dell’array (il risultato è undefined).
• Utilizzare il tipo di dati errato negli array o nelle tuple (causa errori in TypeScript).
• Tentare di modificare la struttura di una tupla senza aggiornarne il tipo.

Suggerimento: specifichi sempre i tipi esplicitamente per evitare comportamenti imprevisti!

Ottimo lavoro!

Congratulazioni! Ha imparato a usare array e tuple in TypeScript per archiviare e gestire raccolte di dati. Sono strumenti essenziali per gestire informazioni strutturate nei programmi. Nella prossima lezione esploreremo i tipi di unione e i tipi di intersezione per gestire scenari più complessi. Continuiamo a programmare!