条件 (三項) 演算子

条件 (三項) 演算子は JavaScript では唯一の、3 つのオペランドをとる演算子です。この演算子は、 if 文のショートカットとしてよく用いられます。

構文

condition ? exprIfTrue : exprIfFalse

引数

condition

値が条件として使用される式です。

exprIfTrue

condition が truthy の値 (true と等しいか、 true に変換できる値) と評価された場合に評価される式です。

exprIfFalse

condition が falsy の値 (false と等しいか、 false に変換できる値) と評価された場合に評価される式です。

解説

false についていえば、 falsy になる可能性がある式は null, NaN, 0, 空文字列 (""), undefined です。 condition がこのうちの何れかであれば、条件演算子の結果は exprIfFalse になります。

単純な例です。

var age = 26;
var beverage = (age >= 21) ? "ビール" : "ジュース";
console.log(beverage); // "ビール"

よくある使い方の一つに、 null になる可能性がある値を扱うというものがあります。

function greeting(person) {
    var name = person ? person.name : "お客さん";
    return "やあ、" + name;
}

console.log(greeting({name: 'アリス'})); // "やあ、アリス"
console.log(greeting(null));             // "やあ、お客さん"

条件の連鎖

三項演算子は右結合で、すなわち以下のような方法で if … else if … else if … else の連鎖と同様に「連鎖」させることができます。

function example(…) {
    return condition1 ? value1
         : condition2 ? value2
         : condition3 ? value3
         : value4;
}

// 以下のものと同等です。

function example(…) {
    if (condition1) { return value1; }
    else if (condition2) { return value2; }
    else if (condition3) { return value3; }
    else { return value4; }
}

仕様書

ブラウザーの互換性

関連情報

• if 文
• オプション連鎖