iT邦幫忙

2021 iThome 鐵人賽

DAY 23
0
自我挑戰組

轉職軟體工程師的543系列 第 23

【Day 23】JavaScript 條件(三元)運算子

條件運算子 是 JavaScript 中唯一需要三個運算元的運算子。 這個運算子接受兩個運算元作為值且一個運算元作為條件。

語法是:

條件 ? 值1 : 值2

如果 條件 為 true,運算子回傳 值1, 否則回傳 值2。
此外false,可能的假表達式有:null、 NaN、0、 空字串 ("", '',``) 和 undefined。如果condition是其中任何一個,條件表達式的結果將是執行值2的結果。

function getFee(isMember) {
  return (isMember ? '$2.00' : '$10.00');
}

console.log(getFee(true));
// output: "$2.00"

console.log(getFee(false));
// output: "$10.00"

console.log(getFee(null));
// output: "$10.00"

條件鏈

三元運算符是右結合的,這意味著它可以通過以下方式“鏈接”,類似於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; }
}

上一篇
【Day 22】JavaScript 的 相等比較
下一篇
【Day 24】JavaScript 事件處理
系列文
轉職軟體工程師的54330

尚未有邦友留言

立即登入留言