俺の論理演算子、条件演算子

こんにちは、フロントエンドエンジニアのてりーです。
僕の詳しいプロフィールはこちら

TypeScriptを仕事で使いこなしたい人、TypeScriptの知識に不安がある人に向けて、具体的な勉強方法のロードマップをまとめました。

演算子

javaScriptで定義されている演算子は様々あります。
JavaScript primer演算子

その中でReactでよく用いる演算子をまとめました。

論理演算子

##AND演算子（&&）
左辺がtrueなら右辺を。
左辺がfalseならそのまま左辺を返します。

OR演算子（||）

&&の逆で左辺がtrueなら左辺を。falseなら右辺を返します。

#条件演算子
条件式　? trueの時の評価式　：flseの時の評価式

const a = 3;
const b = 7;
const inNum = true;
console.log(inNum ? a : b); // aが評価されて「3」出力

!! TypeScriptのオプショナル用の打ち消し

!!を付ける事で boolean | undefinedをbooleanにすることが出来る。

オプショナルでa?:boolean;と定義してエラーが出ている時などは、これで対応できます。