インデックス付きアクセス型

別の型の特定のプロパティを検索するには、インデックス付きアクセス型を使用できます。

ts
type Person = { age: number; name: string; alive: boolean };
type Age = Person["age"];
type Age = number
Try

インデックス型自体は型なので、ユニオン、keyof、または完全に別の型を使用できます。

ts
type I1 = Person["age" | "name"];
type I1 = string | number
 
type I2 = Person[keyof Person];
type I2 = string | number | boolean
 
type AliveOrName = "alive" | "name";
type I3 = Person[AliveOrName];
type I3 = string | boolean
Try

存在しないプロパティにインデックスを付けようとすると、エラーが表示されます。

ts
type I1 = Person["alve"];
Property 'alve' does not exist on type 'Person'.2339Property 'alve' does not exist on type 'Person'.
Try

任意の型でインデックス付けする別の例として、配列の要素の型を取得するためにnumberを使用する方法があります。 これはtypeofと組み合わせて、配列リテラルの要素型を簡単に取得できます。

ts
const MyArray = [
{ name: "Alice", age: 15 },
{ name: "Bob", age: 23 },
{ name: "Eve", age: 38 },
];
 
type Person = typeof MyArray[number];
type Person = { name: string; age: number; }
type Age = typeof MyArray[number]["age"];
type Age = number
// Or
type Age2 = Person["age"];
type Age2 = number
Try

インデックス付けには型のみを使用できるため、constを使用して変数参照を作成することはできません。

ts
const key = "age";
type Age = Person[key];
Type 'key' cannot be used as an index type.
'key' refers to a value, but is being used as a type here. Did you mean 'typeof key'?
2538
2749
Type 'key' cannot be used as an index type.
'key' refers to a value, but is being used as a type here. Did you mean 'typeof key'?
Try

ただし、同様のスタイルのリファクタリングには型エイリアスを使用できます。

ts
type key = "age";
type Age = Person[key];
Try

TypeScriptドキュメントはオープンソースプロジェクトです。 プルリクエストを送信して、これらのページの改善にご協力ください ❤

このページへの貢献者
OTOrta Therox (5)

最終更新日: 2024年3月21日