Site icon image World Hacker(ぎょうざブログ)

Think Different, Connect Dots for Line.

TypeScriptにおける三項演算子の取り扱い

Image in a image block

三項演算子とはなんぞや?

三項演算子は条件演算子ともいわれ、プログラムの条件分岐を簡潔に表現できる便利な演算子です。

(条件式) ? (真の場合の値) : (偽の場合の値)

? と : を使うのが特徴で、以下にコード例を書いてみます。

const sakamichi_num = 100;
const result = sakamichi_num > 46 ? "大" : "小";
console.log(result); // "大"

このコードは sakamichi_num が46より大きいかどうかを判定して

大きければ "大"、そうでなければ "小" という文字列を result に代入するコードになってます。

慣れてしまえば単純に if 文で表現するより、直感的ですね。

利用シーン

条件分岐で異なるReactのUIコンポーネントを表示させたいときに、いつも助かってますね。

ここまで読んでいただき、ありがとうございました。

以上、ぎょうざでした。