Primitive Typen, Arrays und einfache Unions

Lerne die drei Grundtypen kennen, wie du ein Array typisierst und wie du Typ-Unions erstellst.

7 Min. · 3 Fragen

Primitive Typen sind die Grundbausteine von TypeScript. Die drei häufigsten sind: string für Texte (immer in Anführungszeichen), number für alle Zahlen (ganze wie auch solche mit Nachkommastellen) und boolean für die Werte true oder false. Beachte, dass sie kleingeschrieben werden.

let city: string = "Paris";
let temperature: number = 21.5;
let isRaining: boolean = false;

Ein Array ist eine geordnete Liste von Werten. Um es zu typisieren, schreibst du den Typ der Elemente gefolgt von eckigen Klammern: number[] liest sich als "Array aus Zahlen". TypeScript prüft dann jedes Element, das du hinzufügst.

const scores: number[] = [12, 15, 9];
const guests: string[] = ["Nadia", "Louis"];

scores.push(18); // accepted: 18 is a number
// scores.push("twenty"); -> error: not a number

Manchmal darf ein Wert ganz legitim mehrere Typen haben. Eine Union schreibst du mit einem senkrechten Strich | und liest sie als "oder": Der Typ string | number akzeptiert entweder einen Text oder eine Zahl. Du kannst auch eine Union aus konkreten Werten bilden, um die möglichen Auswahlmöglichkeiten einzuschränken.

let answer: string | number;
answer = "forty-two"; // accepted
answer = 42;          // also accepted

type Size = "small" | "medium" | "large";
let cupSize: Size = "medium";
// cupSize = "xl"; -> error: value not allowed

Wissenscheck

Stelle sicher, dass du die wichtigsten Punkte dieser Lektion behalten hast.

1. Welchen Typ würdest du für den Wert true verwenden?
   • string
   • number
   • boolean
2. Wie deklarierst du ein Array, das nur Zahlen enthält?
   • let list: number[]
   • let list: [number]
   • let list: array
3. Was bedeutet der Typ string | number?
   • Der Wert ist gleichzeitig ein Text und eine Zahl
   • Der Wert ist entweder ein Text oder eine Zahl
   • Der Wert muss ein Text sein
   • Der Wert kann alles Mögliche sein