オプショナルチェーン

前章でのオプショナルプロパティや値がnullの場合に、そのプロパティからメソッドを呼び出そうとするとエラーになります。

例えば、前章で定義したmeeting1のurlにてlengthメソッドを呼び出そうとすると、urlが定義されていないので、エラーとなります。

console.log(meeting1.url.length); // error

そのため、以下のようにurlが存在するかどうか、チェックする必要があります。

if (meeting1.url !== null && meeting1.url !== undefined) {
  console.log(meeting1.url.length);
}

上記のような記述をオプショナルチェーンを使用することで、簡略化することができます。オプショナルチェーンは、その値が存在しない場合に、?.をつけてメソッドを呼び出すことで、エラーを出さずundefinedが返却されます。

index.ts◎

...
  url: "https://sample.com",
};

console.log(meeting1.url?.length); // undefined