三項条件演算子

4432 ワード
js React TIL テキストリンク

三項条件演算子


条件3つの演算子は、JavaScriptで3つの被演算子を使用できる唯一の演算子です.通常はif文の略語です.
3つの条件演算子は、条件文を簡単に記述するために使用される条件と真の場合が偽の場合の3つです.
単純な条件文は、3つの条件演算子を使用します.
複雑な場合、1行で表現したい3つの演算子は、かえって見えにくい場合があります.
したがって,複雑な条件文であればifを用いることが望ましい.
文法はこうです.
condition ? exprIfTrue : exprIfFalse
条件はブール値です.
本当ですね.結果は疑問符の後ろに書きます
偽物であれば、コロンの後ろの小数点以下で結果が出ます.
たとえば、18歳以上の年齢を入力すると、
条件文を作ると言ったら
let age = 25;

let adultAge = (age > 19) ? "성인입니다." : "성인이 아닙니다.";

console.log(adultAge); // "성인입니다."
宣言には条件文を1行使うことができる.
次のように表現することもできます.

"요금은 " + (isMember ? "10,000원 입니다." : "15,000원 입니다.")
多重使用も可能です.条件演算は右からグループ化されます.
let firstCheck = false,
    secondCheck = false,
    access = firstCheck ? "Access denied" : secondCheck ? "Access denied" : "Access granted";

console.log( access ); // logs "Access granted"
複数の条件がある場合は以下のように使用することもできます.
let condition1 = true,
    condition2 = false,
    access = condition1 ? (condition2 ? "true true": "true false") : (condition2 ? "false true" : "false false");

console.log(access); // logs "true false"
こんな簡単なところで、いくつかの使用例を見ました.
今日のミス
Vue 2はv-modelを利用してコンポーネントpropsの双方向バインドを実現する優美な解決策である.