Spread-Operator mit Arrays

Der Spread-Operator von JavaScript (...) ist eine leistungsstarke Funktion, die nahtlos mit den typisierten Arrays von TypeScript funktioniert. Wenn du die Spread-Syntax verwendest, um Arrays zu kombinieren, leitet TypeScript automatisch den korrekten Typ für das resultierende Array ab und gewährleistet während des gesamten Vorgangs vollständige Typsicherheit.

Mit dem Spread-Operator kannst du die Elemente eines Arrays in einzelne Elemente „aufteilen“. Beim Kombinieren typisierter Arrays verwendest du einfach die Spread-Syntax innerhalb eckiger Klammern, um ein neues Array zu erstellen:

let firstNumbers: number[] = [1, 2, 3];
let secondNumbers: number[] = [4, 5, 6];
let combined: number[] = [...firstNumbers, ...secondNumbers];
// Ergebnis: [1, 2, 3, 4, 5, 6]

TypeScript ist intelligent genug zu verstehen, dass das Ergebnis ebenfalls ein number[] ist, wenn du zwei number[]-Arrays zusammenfügst. Diese Typinferenz funktioniert mit jedem Array-Typ, unabhängig davon, ob es sich um Strings, boolesche Werte oder benutzerdefinierte Objekte handelt.

Du kannst den Spread-Operator sogar mit einzelnen Elementen kombinieren:

let scores: number[] = [85, 92];
let allScores: number[] = [100, ...scores, 78];
// Ergebnis: [100, 85, 92, 78]

Dieser Ansatz erstellt ein neues Array, ohne die ursprünglichen Arrays zu verändern, was besonders nützlich ist, wenn du mit unveränderlichen Datenmustern arbeitest. Der Spread-Operator bietet eine übersichtliche und gut lesbare Möglichkeit, Arrays zu kombinieren und dabei die Vorteile der Typprüfung von TypeScript zu bewahren.