TypeScriptでオブジェクトの深い値までアクセスしたい

Question

前提・実現したいこと

下記のようなコードがあります。コードを見ていただけると分かると思います。

実装のコード

// 親のkeyと子となるkeyを持つhumanオブジェクト
const human = {
  age: {
    young: "若いよ",
    old: "おっさんだよ",
  },
  type: {
    cool: "クールだよ",
    heat: "熱いよ",
  },
} as const

type HumanType = typeof human;
type HumanParentCategoryType = keyof HumanType; //  "age" | "type"
type HumanChildCategoryType = keyof HumanType["age"] | keyof HumanType["type"]; // "young" | "old" | "cool" | "heat"

// 親のkeyと子となるkeyを指定して値を取得するgetObjValueメソッド if文ばかりになってしまっている。。
function accessObj(
  parentCategory: HumanParentCategoryType,
  childCategory: HumanChildCategoryType
): string {
  if (parentCategory === "age") {
    if (childCategory === "young") {
      return human[parentCategory][childCategory];
    }
    if (childCategory === "old") {
      return human[parentCategory][childCategory];
    }
  }
  if (parentCategory === "type") {
    if (childCategory === "cool") {
      return human[parentCategory][childCategory];
    }
    if (childCategory === "heat") {
      return human[parentCategory][childCategory];
    }
  }
  return "何一致していないよ";
}

getObjValue("age", "old");

問題点

ただこれにはいくつかの問題があります。

• type gurldを使って絞り込みを行なってから各valueまでアクセスをしているのですが、humanのプロパティが増えるとif文が増えてしまう。
• getObjValue("age", "heat")のような誤った取得の仕方をしても防げない。

こちらを解決するためにはGenericsを使って下記のような形で対応をする必要があると思っています。

// このようにシンプルにしたい！
function getValue(obj, key) {
  return obj[key]
}

const sample = {
  name: 'Taro',
  age: 10
}

getValue(sample, 'name') // 'Taro'

このような形で対応をしてみてはいるのですが今回のような階層の深くなっているパターンをどのようにしてメソッドとして定義をすればいいのかがまだうまくいっていない状態です。

// 理想がこちら
function getValue(obj, parentKey, childKey) {
  return obj[parentKey][childKey]
}

何かいい案がありましたら教えていただけると助かります。

Answer 1

キーを基準にジェネリック化すれば、特に問題なく動作しそうです（ただし、引数で渡すものは定数である、あるいは適宜キャストする必要があります）。

function accessObj<K extends HumanParentCategoryType>(
    parentKey: K, childKey: keyof HumanType[K]
){
    return human[parentKey][childKey];
}

Comments

[keisei-001]

@maisumakun
ご回答をいただきありがとうございます！
昨日からずっと悩んでいたのですが、上記の回答を確認させていただき落ち着いてみたらとてもシンプルなことでしたね。

また余談ですが、オーバーロードもさせて返り値も明示的にしてみました。（そこまでやらなくてもいいかもですが）

```
function accessObj(parentKey: "age", childKey: "old"): "おっさんだよ";
function accessObj<K extends HumanParentCategoryType>(parentKey: K, childKey: keyof HumanType[K]) {
return human[parentKey][childKey];
}

const ossanDayo = accessObj("age", "old"); // おっさんだよ

```