typescriptのtypeのキー一覧を取得したい

Question

いつもお世話になっております。
TypeScriptのtype一覧をarrayで取得したいのですが、方法はありますでしょうか

type hoges = {
hoge: string,
fuga: number
}

上記のコードがあった際に

[hoge, fuga]

を取得したいです。

初歩的な質問で恐縮ですが、教えていただきたいです

() => {
  const keyArray: string[] = ["hoge","fuga"] // こういうふうに取得したいです。
}

Answer 1

残念ながら、TypeScriptの型はトランスパイルで消えてしまうものなので、そこから実行時に使う情報を取る方法はありません。

なお、逆に「配列から型を定義する」方法はあります。

// 配列の型から要素の型を抽出
type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType[number];

// as constとすることで、配列の型が中身ギチギチに設定される（readonly ['foo', 'bar']）
const keys = ['foo', 'bar'] as const;

type SomeObject = {
  [k in ArrayElement<typeof keys>]: string;
}

Comments

[sayum]

ご回答いただき、ありがとうございます。
>トランスパイルで消えてしまう
そうなのですね、、ちょっと仕組みを理解してませんでした、、

追加の質問で申し訳ないのですが、
inteliJや、VScodeなどで、上記の方法で入力候補に出たりなどは行われるのでしょうか。

[maisumakun]

はい、TypeScript Playgroundでも正しく型が付いています。

https://www.typescriptlang.org/play?#code/PTAEllEx0JUOwZGj1RpBkJEMhAyMAS+dBJDIXqNBfigKABcBPABwFNQBBAJ2oEMiBRAGzIFsyA7AgHhvqIAVUhTIAPAlwAmAZ1DUydKQHtOzIqACunANadlAd04BtALoA+UAF4qtBsPLHOmtgCMy1UwG48eEKDo5AGNVGQJACwZATQZAaIZAZQZwwHMGQEAGKDhAGQZAWjlAarjAOoZAQYZ8wGsGQFoowCztQFUGQBiGaMAIf4UlVXVQYwByADNlZRaAGlAW1zpqFtNASH+8EM4w0B0yIjkbVo6u3v7B4YDg0IIfQhFQAGVlDgB5VwArMiCCa1AAbzxQZp1QAEtOWwEWdi5eYnJlNrTWYycymABcoDC1DeAHMfABfPBAA

[maisumakun]

（SomeObjectのインスタンスを作ろうとすると、fooやbarも候補として出てきます）

[sayum]

ご丁寧にコードまでありがとうございます！
そちらのページで試させていただきました！

この書き方を色々使ってみようと今後思います。

これで型定義する場合のデメリットはありますか？
私が思うのは以下のデメリットなのですが、
　・一目で型定義が分かりづらい。
　・複数の型の定義をする場合const keys = ['foo', 'bar'] as const;が増える
　・上記の質問の内容をする場合keys.concat(key2, keys3)などとする必要がある

お時間を頂いてしまって、申し訳ありませんが、よろしくおねがいします。