TypeScript Academy · Lezione

Tuple: array tipizzati di lunghezza fissa

Definisca tuple per dati strutturati con posizioni note.

Tuple: array tipizzati di lunghezza fissa è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 3 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento TypeScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso TypeScript Academy include 4 lezioni in totale.

Benvenuto

Le tuple sono array con un numero fisso di elementi, in cui ogni posizione ha un tipo specifico. Sono perfette per dati strutturati come coordinate o coppie chiave-valore.

Definire una tupla

Un tipo tupla elenca il tipo di ogni elemento nell'ordine corretto. La lunghezza è fissa e ogni posizione deve contenere il tipo dichiarato.

const point: [number, number] = [10, 20];
const entry: [string, number] = ['age', 25];

Accedere agli elementi di una tupla

Acceda agli elementi di una tupla tramite l'indice. TypeScript conosce il tipo di ogni posizione.

const pair: [string, number] = ['Alice', 30];
const name: string = pair[0]; // string
const age: number = pair[1];  // number

Destrutturazione delle tuple

La destrutturazione di una tupla assegna a ogni variabile un tipo dedotto specifico in base alla posizione.

const [x, y]: [number, number] = [5, 10];
console.log(x + y); // 15

Tuple rispetto ad array

Un array contiene un numero variabile di elementi dello stesso tipo. Una tupla contiene un numero fisso di elementi, potenzialmente di tipi diversi, in posizioni specifiche.

const arr: number[] = [1, 2, 3, 4];   // variable length
const tup: [number, string] = [1, 'a']; // fixed: 2 elements

Elementi opzionali delle tuple

Contrassegni un elemento della tupla come opzionale con `?`. Gli elementi opzionali devono venire dopo quelli obbligatori.

type Named = [string, string?]; // name, optional nickname
const a: Named = ['Alice'];
const b: Named = ['Bob', 'Bobby'];

Elementi rest nelle tuple

Le tuple possono avere un elemento rest che raccoglie un numero variabile di elementi finali di un tipo specifico.

type StringAndNumbers = [string, ...number[]];
const data: StringAndNumbers = ['scores', 90, 85, 78];

Elementi con etichetta nelle tuple

TypeScript 4.0 ha aggiunto gli elementi con etichetta nelle tuple. Le etichette migliorano la leggibilità senza influire sul sistema di tipi.

type Range = [start: number, end: number];
const r: Range = [0, 100];

Tuple readonly

Aggiunga `readonly` per impedire la modifica di una tupla dopo la sua creazione.

const origin: readonly [number, number] = [0, 0];
// origin[0] = 5; // Error

Tuple come valori restituiti dalle funzioni

Restituire una tupla da una funzione è un modello utilizzato negli hook di React e nelle funzioni di utilità per restituire più valori con tipi distinti.

function useCounter(): [number, () => void] {
  let count = 0;
  return [count, () => { count++; }];
}

Inferire le tuple con as const

Senza `as const`, un literal di tupla può essere ampliato a un tipo array. Utilizzi `as const` per inferire il tipo esatto della tupla.

const pair = [1, 'hello'] as const;
// type: readonly [1, 'hello'] — not (number | string)[]

Verifica rapida

Che cosa inferisce TypeScript per `const t = [1, 'hello']` senza alcuna annotazione?

Riepilogo

Le tuple definiscono array di lunghezza fissa con posizioni tipizzate. Le utilizzi per coordinate, coppie chiave-valore e funzioni che restituiscono più valori. Aggiunga readonly per impedire le modifiche e as const per inferire tipi di tupla literal.

Domande Frequenti

La lezione «Tuple: array tipizzati di lunghezza fissa» è gratuita?

Sì — il testo completo di «Tuple: array tipizzati di lunghezza fissa» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso TypeScript Academy, passa a CoddyKit PRO. Il corso TypeScript Academy include 4 lezioni in totale.

Cosa imparerò in «Tuple: array tipizzati di lunghezza fissa»?

Definisca tuple per dati strutturati con posizioni note. Eserciti TypeScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare TypeScript Academy?

Non è richiesta alcuna esperienza precedente. TypeScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 3 di 4.

Quanto tempo richiede la lezione «Tuple: array tipizzati di lunghezza fissa»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione TypeScript Academy?

Sì. Ogni lezione TypeScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

Array tipizzati: T[] e Array
Array Readonly e dati immutabili
Tuple: array tipizzati di lunghezza fissa
Enum: costanti numeriche e stringa

← Torna a TypeScript Academy