【TypeScript】インデックスシグネチャのキーに変数を設定したい

概要

インデックスシグネチャはインデックスシグネチャの記事にある通り、連想配列のような用途などでobject型を用いるものになります。
今回はこのインデックスシグネチャで、キーに変数を設定する場合に、どのように書けばよいかをメモ書きします。

実装例

以下のように、キー設定する変数を[]で囲みます。

const indexSignatureKeyType = () => {
  const key = { key1: "key1", key2: "key2", key3: "key3" };
  const sampleObj = {
    [key.key1]: 1,
    [key.key2]: 2,
    [key.key3]: 3,
  };
  // 1が取得できる
  const sample1 = sampleObj[key.key1];
  console.log(sample1);
}

その他参考

【TypeScript】インデックスシグネチャのオブジェクトで存在しないキーを指定した時の動作