T[number]の宝石箱💎 配列とタプルを優雅に操る鍵

T[number] について

まぁ！T[number] とは、配列またはタプルの要素の型を取得する優雅なテクニックでございますわ。

type MyArray = ["apple", "banana", "cherry"];

type ElementType = MyArray[number];
// ElementType = "apple" | "banana" | "cherry" 

MyArray[number] は、配列のインデックスに対応する型を取得いたしますの。
number は、配列のすべてのインデックスを指し示しますため、MyArray の各要素の型をユニオン型として取得できるのですわ。

---

タプルを受け取り、その各値の key/value を持つオブジェクト型に変換する方法

T[number] の応用例として、タプルの要素の型を取得し、それを複数回繰り返すことで key/value を持つオブジェクト型へと変換いたしますの。

const tuple = ["tesla", "model 3", "model X", "model Y"] as const;
type TupleToObject<T extends readonly string[]> = {
    [K in T[number]]: K
}
type result = TupleToObject<
  typeof tuple
>; // expected { tesla: 'tesla', 'model 3': 'model 3', 'model X': 'model X', 'model Y': 'model Y'}

このように、T[number] を活用することで、タプルの各要素をキーと値に持つオブジェクト型へと変換できますのよ。

---

まとめ

• T[number] を使用することで、配列またはタプルの型を取得できますの。
• T[number] をキーと値に使用することで、タプルをオブジェクト型に優雅に変換できますわ。