KeyofとLookup Types

TypeScriptのkeyofとルックアップ型を使うと、既存の型のキーやプロパティを動的に扱えます。

オブジェクトから型を参照して取り出せるため、コードの柔軟性と再利用性が向上します。

keyof演算子は、オブジェクト型が持つすべてのキーからなる型を作成します。

例:

type Person = {
  name: string;
  age: number;
};
type PersonKeys = keyof Person;

ルックアップ型では、角かっこ[]を使って、オブジェクトの特定のプロパティの型を取得します。

例:

type Person = {
  name: string;
  age: number;
};
type NameType = Person['name'];

keyofとルックアップ型を組み合わせると、動的で再利用可能な型制約を作成できます。

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

一般的な使用例には、次のようなものがあります:

• 動的なAPIの作成。
• オブジェクトへの型安全なプロパティアクセス。
• 型制約によるコードの柔軟性の向上。

keyofとルックアップ型を組み合わせた実践的な例を見てみましょう:

type User = {
  id: number;
  username: string;
};

function printKey<T, K extends keyof T>(obj: T, key: K): void {
  console.log(`${key}: ${obj[key]}`);
}

const user: User = { id: 1, username: 'John' };
printKey(user, 'username');

これらの機能には、次のような利点があります:

• 型安全性を保った動的なプロパティアクセス。
• 再利用可能で拡張性の高いコード。
• コンパイル時のエラー防止の向上。

keyofとルックアップ型を使って、userオブジェクトからプロパティに動的にアクセスする関数を作成してください。実際に試してみましょう。

おめでとうございます！

keyofとルックアップ型を使って、コードを動的かつ型安全にする方法を学びました。練習を続けて、TypeScriptの高度な機能を使いこなしていきましょう。