TypeScript（JavaScript） はてなマーク（？） コロン（:）を用いた 条件演算子

はてなマークとコロンを用いた条件演算子

TypeScript（JavaScript）の中で見られるはてなマーク（?）とコロン（:）は条件演算子です。
この記事ではこの条件演算子の使い方を解説します。

TypeScript（JavaScript）の条件演算子

条件演算子の書き方は以下の通りです。
if文のような条件式を簡潔に記述することが強みです。

使用例↓

let adult = (age < 18) ? "未成年":"成人";
// 結果
// 18歳未満の場合：未成年
// 18歳以上の場合：成人

if文ではなく条件演算子を使う理由

条件演算子を使う理由は簡潔さです。
YES,NOで答えられるような簡単な条件式ではif文よりも短く記述することができます。
例えば上記の条件式の場合if文で書くと少し長くなってしまいます。

if (age < 18){
 let adult = "未成年";
} else {
 let adult = "成人";
};

基本的に条件式はif文で記載しますが場合によっては上記のように条件演算子よりも長いコードとなってしまいます。

さらにTypeScriptに関する知識を深められたい場合、筆者も利用しているUdemyで学習することをお勧めします。
参考までに、おすすめのプログラムをご紹介します。
【予算が多めにあり、TypeScriptの勉強にお金をかけれる方】
・超TypeScript入門完全パック
→筆者も購読しており、TypeScriptを深くまで知ることができます。
少し値段は張りますが、本気でTypeScriptを熟知されたい方におすすめです。
【初めはそこまでお金をかけずに勉強されたい方】
・はじめてのTypeScriptプログラミング入門【2022年最新版】
→TypeScript未経験もしくは初心者の方で手軽に勉強を始められたい方におすすめのプログラムです。
このプラグラムは格安でTypeScriptの基礎の部分を身につけることができます。
以上が筆者おすすめのプログラムです。ご自身の状況にあったプログラムの受講にぜひチャレンジしてみてください。
上記プログラム以外を探されたい方は、以下のリンクからTypeScript一覧を確認していただくことができます。
UdemyのTypeScript一覧ページはここから。
ぜひご活用ください！

TypeScript一覧に戻る