Mapped Typeのasによるキーの再マッピング
型変換の過程でキー名を変更します。
「Mapped Typeのasによるキーの再マッピング」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全4レッスンが含まれています。
ようこそ
基本的なキーのリマッピング
type Prefixed<T> = {
[K in keyof T as `prefix_${string & K}`]: T[K]
};
type P = Prefixed<{ name: string }>;
// { prefix_name: string }never によるキーのフィルタリング
type OnlyStrings<T> = {
[K in keyof T as T[K] extends string ? K : never]: T[K]
};ゲッター名の生成
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 }セッター名の生成
type Setters<T> = {
[K in keyof T as `set${Capitalize<string & K>}`]: (val: T[K]) => void
};Record 型の反転
type Invert<T extends Record<string, string>> = {
[K in keyof T as T[K]]: K
};条件付きキーのリマッピング
type MethodKeys<T> = {
[K in keyof T as T[K] extends Function ? K : never]: T[K]
};テンプレートリテラルとの組み合わせ
type Namespaced<T, NS extends string> = {
[K in keyof T as `${NS}::${string & K}`]: T[K]
};シンボルキーのマッピング
実践: FormData 型
type FormFields<T> = {
[K in keyof T as K extends string ? K : never]: string
};as と条件付き型の組み合わせ
確認問題
まとめ
よくある質問
「Mapped Typeのasによるキーの再マッピング」レッスンは無料ですか?
はい。「Mapped Typeのasによるキーの再マッピング」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全4レッスンが含まれています。
「Mapped Typeのasによるキーの再マッピング」で何を学びますか?
型変換の過程でキー名を変更します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
TypeScript Academyを始めるのに経験は必要ですか?
事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。
「Mapped Typeのasによるキーの再マッピング」レッスンにはどのくらい時間がかかりますか?
ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このTypeScript Academyレッスンでコードを書いて実行できますか?
はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- Mapped Type:オブジェクト型の変換
- Mapped Typeの修飾子:readonlyと?
- テンプレートリテラル型:文字列パターン
- Mapped Typeのasによるキーの再マッピング