奇妙な構文、JavaScriptでの `？.`はどういう意味ですか？

例を挙げて「？。」を理解してみましょう。

23歳の男性の人間を説明する次のオブジェクトの例を考えてみましょう-

const being = {
   human: {
      male: {
         age: 23
      }
   }
};

ここで、これがオブジェクトであるageプロパティにアクセスするとします。とても簡単ですよね？以下のコードのように、チェーンを使用してアクセスします-

例

const being = {
   human: {
      male: {
         age: 23
      }
   }
};
console.log(being.human.male.age);

出力

コンソール出力は次のとおりです-

23

ここで、技術的な理由で、オブジェクトの男性のプロパティを女性または他の何かに変更するとします。

チェーンステートメントがどうなるかというと、人間の未定義のプロパティにアクセスできないというtypeErrorが発生します。そのような状況で、コードがエラーをスローしないようにする方法はありますか？はい、ここで「?.」（別名オプションのチェーン）が役に立ちます。

オプションのチェーンは非常に単純で、通常の状態では通常のチェーンのように動作しますが、コードでエラーをスローするのではなく、undefinedから任意のプロパティにアクセスしようとすると、その場でチェーンが終了し、undefinedが返されるため、コードは正常に機能します。

最後の例（オプションの連鎖）を考えてみましょう-

例

const being = {
   human: {
      male: {
         age: 23
      }
   }
}
console.log(being?.human?.female?.age);

出力

エラーをスローする代わりに、出力は-

undefined