👑

このクエストはプレミアム限定です

プレミアムプランにアップグレードすると、すべてのクエストが
解放されます！

今回の課題

interface User { name: string; address?: { city?: string; }; } を定義して、 user1 = { name: "Alice", address: { city: "Tokyo" } } と user2 = { name: "Bob" } を宣言し、 user1.address?.city ?? "Unknown" と user2.address?.city ?? "Unknown" を表示しよう。

📖 解説を見る

?. (Optional chaining) でnullやundefinedでもエラーにならない。?? (Nullish coalescing) でデフォルト値を設定できる。

ヒントを見る

?. はnull/undefinedのときundefinedを返す。?? "Unknown"でデフォルト値を設定できる。

期待する出力

Tokyo
Unknown

📄 見本

「答えを見る」を押すと、お手本のコードが出ます。クリックでコピーできます。

💻 コードエディタ

あなたの出力

実行すると結果がここに表示されます

🏠 ホームへ

れんしゅうもんだい

☑ 0 / 1 正解レッスンに戻る

全問正解でクエストクリア！

未挑戦

問題 1: interface Config { db?: { host?: string } } を定義し、{ db: { host: "localhost" } } のdb?.host ?? "none" と、{}のdb?.host ?? "none" を表示しよう。

実行結果

実行できたよ！

もう一度チャレンジ！

📄 見本の出力

localhost none

次のクエスト →

このクエストはプレミアム限定です

nullとundefinedの扱い（Optional chaining）

nullとundefinedの扱い（Optional chaining）

れんしゅうもんだい