オブジェクトの中のオブジェクトがある場合にのみ処理をする条件文について

Question

初心者です。
JavaScriptのオブジェクトを取得し、対象のオブジェクトがあれば処理、というような条件文を書いております。
オブジェクトの中のオブジェクトを判定したいので、以下のような条件文を書いております。

if (obj.target.name) {
  // ...処理
}

このような処理の場合、obj自体が存在せず、undefinedの場合に、undefinedのtargetを指定することになりエラーとなります。
objが存在して、obj.targetが存在しないケースと、objそのものが存在しないケースが発生します。
objが存在して、obj.targetが存在しないケースはundefinedなので条件文に入れて判定できます。
以下のように対応すると大丈夫かと思ったのですが、

if (obj) {
  if (obj.target) {
    if (obj.target.name) {
      // ...処理
    }
  }
}
if (obj) {
  if (obj.target) {
    if (obj.target.age) {
      // ...処理
    }
  }
}
if (obj) {
  if (obj.target) {
    if (obj.target.hobby) {
      // ...処理
    }
  }
}

このように書けば良いと思ったのですが、obj.targetに対する処理が多くなればなるほど条件文が増えて冗長になってしまいます。
objにはobj.target以外に、obj.target2、obj.target3などが存在するケースがあるので、一括で条件に含める事は出来ません。
以下のような感じです。

// obj.targetは存在しないが、obj.target2が存在すればtrue
if (obj) {
  // obj.targetが存在しないのでエラー
  if (obj.target.name) {
    // ...処理
  }
  if (obj.target.age) {
    // ...処理
  }
  if (obj.target.hobby) {
    // ...処理
  }
}

条件文を増やせば解決できるのですが、質問としては、条件文だらけの冗長な処理になってしまうのを避けたいので、何かいい考えがあれば教えていただきたいです。

Comments

[dameo]

冗長でもない気がします。必要な処理なので。
回答にオプショナルチェーンの使い方がありますが、エラーチェックが必要になるような処理の場合はあまりオススメしません。なぜならエラーの理由を知りたい場合が多いからです。
コードが分かりにくくなってメンテナンス性が落ちるということなら、チェックする処理を汎用化したりしていくつかに纏めておくなどの工夫の方が適切かなと思います。

Answer 1

オブジェクトの存在チェックは本質的に必要なので、ifが増えてもさほど悪いことではありません。

それでもチェックをシンプルに書く方法はあります。オプショナルチェーン

  if (obj?.target?.name) {
    // ...処理
  }
  if (obj?.target?.age) {
    // ...処理
  }
  if (obj?.target?.hobby) {
    // ...処理
  }

if (obj && obj.target) {...} などで囲んだほうが実行効率は少々良いでしょう。

Answer 2

オプショナルチェーン (?.) でこうしてみるといかがでしょう？

- if (obj.target.name) {
+ if (obj?.target?.name) {
  // ...処理
}