0Pricing
TypeScript Academy · Lezione

Array tipizzati: T[] e Array<T>

Tipizzi gli array e impedisca di mescolare valori incompatibili.

Array tipizzati: T[] e Array<T> è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 1 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

TypeScript consente di tipizzare gli array in modo che possano contenere solo valori di un tipo specifico. Questa lezione illustra le due forme sintattiche e i relativi casi d'uso.

La sintassi T[]

Il modo più comune per tipizzare un array consiste nell'aggiungere [] al tipo degli elementi. Questa è chiamata sintassi abbreviata.
const numbers: number[] = [1, 2, 3];
const names: string[] = ['Alice', 'Bob'];
const flags: boolean[] = [true, false, true];

La sintassi generica Array<T>

La sintassi generica Array equivale a T[]. Alcuni team la preferiscono per mantenere la coerenza con gli altri tipi generici.
const scores: Array<number> = [95, 87, 73];
const tags: Array<string> = ['typescript', 'beginner'];

Errori di tipo negli array

Se prova ad aggiungere un valore del tipo sbagliato, TypeScript segnala un errore. Questo impedisce agli array con tipi misti di causare bug.
const ids: number[] = [1, 2, 3];
// ids.push('four'); // Error: Argument of type 'string' is not assignable to 'number'

Tipi di array dedotti

Se inizializza un array con dei valori, TypeScript deduce il tipo degli elementi. Per un array vuoto deduce `never[]`: specifichi sempre il tipo degli array vuoti.
const nums = [1, 2, 3];    // inferred: number[]
const mixed = [1, 'hi'];   // inferred: (string | number)[]
const empty: string[] = []; // must annotate

Array di oggetti

È possibile tipizzare un array di oggetti utilizzando un'interfaccia o un alias di tipo come tipo degli elementi.
interface User { id: number; name: string; }
const users: User[] = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
];

I metodi comuni degli array sono tipizzati

TypeScript comprende i metodi integrati degli array. map, filter e find restituiscono tutti risultati con il tipo corretto.
const nums: number[] = [1, 2, 3, 4];
const doubled: number[] = nums.map(n => n * 2);
const evens: number[] = nums.filter(n => n % 2 === 0);

Array annidati

Tipizzi un array bidimensionale annidando la sintassi del tipo array.
const matrix: number[][] = [
  [1, 2, 3],
  [4, 5, 6],
];

Array con unioni

Per consentire più tipi in un array, utilizzi un'unione come tipo degli elementi.
const mixed: (string | number)[] = ['Alice', 1, 'Bob', 2];

Destrutturazione degli array con i tipi

Quando destruttura un array, TypeScript deduce i tipi delle variabili destrutturate.
const coords: number[] = [10, 20];
const [x, y] = coords; // x: number, y: number

Scegliere tra T[] e Array<T>

Per TypeScript le due forme sono identiche. Utilizzi T[] per i tipi semplici. Utilizzi Array quando il tipo degli elementi è lungo o quando usa altri tipi generici, per maggiore chiarezza visiva.

Verifica rapida

Che cosa deduce TypeScript per un array vuoto dichiarato come `const list = []`?

Riepilogo

Utilizzi T[] o Array per tipizzare gli array in TypeScript. Specifichi sempre il tipo degli array vuoti. TypeScript applica il tipo degli elementi a push, map, filter e alle altre operazioni sugli array.

Domande Frequenti

La lezione «Array tipizzati: T[] e Array<T>» è gratuita?

Sì — il testo completo di «Array tipizzati: T[] e Array<T>» è 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 «Array tipizzati: T[] e Array<T>»?

Tipizzi gli array e impedisca di mescolare valori incompatibili. 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 1 di 4.

Quanto tempo richiede la lezione «Array tipizzati: T[] e Array<T>»?

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

  1. Array tipizzati: T[] e Array
  2. Array Readonly e dati immutabili
  3. Tuple: array tipizzati di lunghezza fissa
  4. Enum: costanti numeriche e stringa
← Torna a TypeScript Academy