Typisierte Arrays: T[] und Array<T>

Willkommen

Die T[]-Syntax

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

Die generische Array<T>-Syntax

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

Typfehler in Arrays

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

Von TypeScript abgeleitete Array-Typen

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

Arrays mit Objekten

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

Übliche Array-Methoden sind typisiert

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

Verschachtelte Arrays

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

Union-Arrays

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

Array-Destrukturierung mit Typen

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

T[] oder Array<T> wählen

Schnelltest

Zusammenfassung