0Pricing
TypeScript Academy · Lektion

Schlüssel mit as in gemappten Typen umbenennen

Benennen Sie Schlüssel während einer Typtransformation um.

Schlüssel mit as in gemappten Typen umbenennen ist eine kostenlose TypeScript Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des TypeScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Willkommen

TypeScript 4.1 fügte die `as`-Klausel in Mapped Types hinzu. Dadurch können Sie Schlüssel als Teil der Typtransformation neu zuordnen (umbenennen).

Grundlegendes Umbenennen von Schlüsseln

Fügen Sie nach der Schlüsselvariablen `as NewKeyType` hinzu, um den Schlüssel umzubenennen.
type Prefixed<T> = {
  [K in keyof T as `prefix_${string & K}`]: T[K]
};
type P = Prefixed<{ name: string }>;
// { prefix_name: string }

Schlüssel mit never filtern

Geben Sie in der `as`-Klausel never zurück, um diesen Schlüssel aus dem resultierenden Typ zu entfernen.
type OnlyStrings<T> = {
  [K in keyof T as T[K] extends string ? K : never]: T[K]
};

Getter-Namen generieren

Verwenden Sie Capitalize mit Template-Literal-Typen, um Namen für Getter-Methoden zu generieren.
type Getters<T> = {
  [K in keyof T as `get${Capitalize<string & K>}`]: () => T[K]
};
type UserGetters = Getters<{ name: string; age: number }>;
// { getName: () => string; getAge: () => number }

Setter-Namen generieren

Generieren Sie auf ähnliche Weise Setter-Namen für die Eigenschaften eines Typs.
type Setters<T> = {
  [K in keyof T as `set${Capitalize<string & K>}`]: (val: T[K]) => void
};

Einen Record-Typ umkehren

Vertauschen Sie Schlüssel und Werte mithilfe der Schlüsselumbenennung.
type Invert<T extends Record<string, string>> = {
  [K in keyof T as T[K]]: K
};

Bedingte Schlüsselumbenennung

Wenden Sie je nach Werttyp unterschiedliche Schlüsseltransformationen an.
type MethodKeys<T> = {
  [K in keyof T as T[K] extends Function ? K : never]: T[K]
};

Mit Template Literals kombinieren

Verwenden Sie Template-Literal-Typen bei der Umbenennung, um Schlüssel mit Namensräumen zu generieren.
type Namespaced<T, NS extends string> = {
  [K in keyof T as `${NS}::${string & K}`]: T[K]
};

Symbolschlüssel abbilden

Mit der Schlüsselumbenennung können Sie auch mit Symbolschlüsseln arbeiten.

Praxis: FormData-Typ

Leiten Sie aus einem typisierten Datenmodell ein Formularobjekt mit String-Werten ab.
type FormFields<T> = {
  [K in keyof T as K extends string ? K : never]: string
};

as mit bedingten Typen kombinieren

Schlüsselumbenennung und bedingte Typen lassen sich kombinieren, um äußerst ausdrucksstarke Typtransformationen zu erstellen.

Kurzer Test

Was bewirkt es für diesen Schlüssel, wenn aus der `as`-Klausel eines gemappten Typs `never` zurückgegeben wird?

Zusammenfassung

Mit der `as`-Klausel in gemappten Typen können Sie Schlüssel umbenennen, filtern (über never) und mithilfe von Template Literals und Bedingungen transformieren. Dadurch lassen sich leistungsfähige Muster wie das Generieren von Gettern und Settern sowie das Filtern von Eigenschaften nach Werttyp umsetzen.

Häufig gestellte Fragen

Ist die Lektion „Schlüssel mit as in gemappten Typen umbenennen“ kostenlos?

Ja — der vollständige Text von „Schlüssel mit as in gemappten Typen umbenennen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des TypeScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Schlüssel mit as in gemappten Typen umbenennen“?

Benennen Sie Schlüssel während einer Typtransformation um. Du übst TypeScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um TypeScript Academy zu starten?

Keine Vorkenntnisse erforderlich. TypeScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.

Wie lange dauert die Lektion „Schlüssel mit as in gemappten Typen umbenennen“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser TypeScript Academy-Lektion Code schreiben und ausführen?

Ja. Jede TypeScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Gemappte Typen: Objekttypen transformieren
  2. Modifikatoren in gemappten Typen: readonly und ?
  3. Template-Literal-Typen: String-Muster
  4. Schlüssel mit as in gemappten Typen umbenennen
← Zurück zu TypeScript Academy