SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

マンガで分かるプログラミング用語辞典

「オプショナルチェーン」
~マンガでプログラミング用語解説

マンガで分かるプログラミング用語辞典(233)

  • X ポスト
  • このエントリーをはてなブックマークに追加

解説

 「オプショナルチェーン」、オプショナルチェイニング、Null条件演算子は、オブジェクトのプロパティ(メンバー)を、確認の条件分岐なしで読める記法です。

 「名前A?.名前B」と書くことで、名前Aがオブジェクトなら「名前A.名前B」の記法と同じように処理を継続して、名前Aがnullなら、そこで処理を打ち切り、nullを返します。

 名前Aで処理を打ち切る条件や、打ち切った場合の値は、プログラミング言語によって異なります。たとえばJavaScriptなら、nullish(null または undefined)の場合にundefinedを返します。C#では、nullの場合にnullを返します。

 オプショナルチェーンを利用することで、深く連なったオブジェクトの各プロパティ(メンバー)が、オブジェクトかnullかをif文などで確認する必要がなくなります。そのため短いコードで、プログラムを書くことが可能になります。

サンプル

 「オプショナルチェーン」のサンプルです。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>「オプショナルチェーン」のサンプル</title>
    <style> #output { font-size: 32px; line-height: 1.5; } </style>
  </head>
  <body>
    <pre id="output"></pre>
    <script>
window.addEventListener('DOMContentLoaded', e => {
    // 出力用の関数
    const print = function() {
        const el = document.querySelector('#output');
        el.textContent += [...arguments].map(x => `${x}`).join(', ') + '\n';
    };

    let animal = null;
    print(animal?.cat?.name);

    animal = {cat: {name: 'Tama'}};
    print(animal?.cat?.name);
});
    </script>
  </body>
</html>
出力結果
undefined
Tama

フィードバックお待ちしております!

 ご感想、解説してほしい用語、解説内容のアドバイスなどございましたら、FacebookX(旧Twitter)などでお気軽に編集部までお寄せください。よろしくお願いいたします。

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
マンガで分かるプログラミング用語辞典連載記事一覧

もっと読む

この記事の著者

柳井 政和(ヤナイ マサカズ)

クロノス・クラウン合同会社 代表社員http://crocro.com/オンラインソフトを多数公開。プログラムを書いたり、ゲームを作ったり、記事を執筆したり、マンガを描いたり、小説を書いたりしています。「めもりーくりーなー」でオンラインソフト大賞に入賞。最近は、小説家デビューして小説も書いています(『裏切りのプログラム』他)。面白いことなら何でもOKのさすらいの企画屋です。 

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/18912 2024/03/12 11:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング