Tableaux typés : T[] et Array<T>

Bienvenue

La syntaxe T[]

const numbers: number[] = [1, 2, 3];
const names: string[] = ['Alice', 'Bob'];
const flags: boolean[] = [true, false, true];

La syntaxe générique Array<T>

const scores: Array<number> = [95, 87, 73];
const tags: Array<string> = ['typescript', 'beginner'];

Erreurs de type dans les tableaux

const ids: number[] = [1, 2, 3];
// ids.push('four'); // Error: Argument of type 'string' is not assignable to 'number'

Types de tableaux déduits

const nums = [1, 2, 3];    // inferred: number[]
const mixed = [1, 'hi'];   // inferred: (string | number)[]
const empty: string[] = []; // must annotate

Tableaux d'objets

interface User { id: number; name: string; }
const users: User[] = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
];

Les méthodes courantes des tableaux sont typées

const nums: number[] = [1, 2, 3, 4];
const doubled: number[] = nums.map(n => n * 2);
const evens: number[] = nums.filter(n => n % 2 === 0);

Tableaux imbriqués

const matrix: number[][] = [
  [1, 2, 3],
  [4, 5, 6],
];

Tableaux d'unions

const mixed: (string | number)[] = ['Alice', 1, 'Bob', 2];

Déstructuration de tableaux avec des types

const coords: number[] = [10, 20];
const [x, y] = coords; // x: number, y: number

Choisir entre T[] et Array<T>

Vérification rapide

Récapitulatif