Gemappte Typen

Mappierte Typen (Mapped Types) ermöglichen es, neue Typen aus bestehenden Typen zu erstellen, indem Eigenschaften einzeln transformiert werden. Sie basieren auf der Syntax von Schleifen über Schlüssel unter Verwendung des Operators keyof.

type Mapped<T> = {
  [P in keyof T]: T[P];
};

Dieses Beispiel ist ein mappierter Typ, der mit dem Original identisch ist: Er durchläuft jeden Schlüssel P in keyof T und weist ihm denselben Typ T[P] zu.

Modifikatoren für Mutabilität und Optionalität

Wir können Modifikatoren wie readonly und ? (Optionalität) hinzufügen oder entfernen, indem wir + (hinzufügen, Standard) oder - (entfernen) voranstellen.

Um beispielsweise die Optionalität von allen Eigenschaften eines Typs zu entfernen (sie also zu Pflichtfeldern zu machen):

type Concrete<T> = {
  [P in keyof T]-?: T[P];
};

Der Modifikator -? entfernt das Optionalitäts-Flag von jeder Eigenschaft.

Neuzuordnung von Schlüsseln mit as

In TypeScript 4.1+ ist es möglich, die Schlüssel eines mappierten Typs mithilfe der as-Klausel und Template-Literal-Typen neu zuzuordnen.

type ScriviSetters<T> = {
  [K in keyof T as `set${Capitalize<string & K>}`]: (value: T[K]) => void;
};

Hier ändern wir den Namen jeder Eigenschaft K in set[GroßgeschriebenerSchlüssel] und ändern ihren Typ in eine Setter-Funktion.

Probier es aus

Aufgabe 1: Eigenschaften nullwertfähig machen

Aufgabe 2: Dynamische Getters mit as generieren