条件(三項)演算子は、JavaScriptで唯一3つのオペランドを使用する演算子です。 この演算子は、よくif文の略記として使用されます。

文法

condition ? expr1 : expr2

オペランド	説明
condition	trueまたはfalseを評価する式を指定します。
expr1, expr2	任意の型の値の式を指定します。

説明

conditionがtrueであれば、この演算子はexpr1の値を返し、 falseであればexpr2の値を返します。 例えば、isMember変数の値を基に異なるメッセージを表示する場合、 次のような文にすることが出来ます。

"この手数料は、" + (isMember ? "$2.00" : "$10.00") + "です。"

また、この演算子を使用して変数の値を割り当てることも可能です。

var elvisLives = Math.PI > 4 ? "Yes" : "No";

三項演算子を複数組み合わせて評価することも可能です。(注意: 条件演算子は右結合です。)

var hadRelations = false,
  isSure = false,
  presidentQuote = hadRelations ? "Had relations" : isSure ? "Did not have relations" : "I admit";

console.log( presidentQuote ); //"I admit"がコンソールに出力

また、異なる操作を行うために、三項演算子を使用することも可能です。

var bStop = false, nAge = 16;

nAge > 18 ? location.assign("continue.html") : bStop = true;
// trueなら、location.assign("continue.html")の処理を、
// falseなら、bStop = trueの処理を行う。

カンマで区切ることで、ケース別に1つの演算子で1つ以上の処理を実行することも可能です。

var bStop = false, nAge = 23;

nAge > 18 ? (
    alert("どうぞ、お入り下さい。"),
    location.assign("continue.html")
) : (
    bStop = true,
    alert("申し訳ありませんが、あなたは若すぎます。")
);

値の割り当て時に、1つ以上の操作を行うことも可能です。 このケースでは、括弧内で最後にカンマ区切りされている値が、割り当てられる値になります。

var nAge = 16;

var sURL = nAge > 18 ? (
    alert("どうぞ、お入りください。"),
    // alertは"undefined"を返しますが、それは無視されます。
    // 何故なら、括弧内の最後のカンマ区切りの値では無いからです。
    "continue.html" // もし、nAge > 18であれば、この値が割り当てられます。
) : (
    alert("あなたは若すぎます。"),
    alert("すみません。m(_ _)m "),
    // …その他の処理…
    "stop.html" // もし、!(nAge > 18)であれば、この値が割り当てられます。
);

location.assign(sURL); // "stop.html"

仕様

ブラウザ互換性

デスクトップ

機能	Chrome	Firefox (Gecko)	IE	Opera	Safari
基本	◯	◯	◯	◯	◯

モバイル

機能	Android	Chrome for Android	Firefox Mobile	IE Mobile	Opera Mobile	Safari Mobile
基本	◯	◯	◯	◯	◯	◯

関連項目

• if文

 Back to top