條件(三元)運算子

• 三元運算子：有時在網路找資料會看到會帶有 ? 的程式碼，類似在做條件判斷，不確定是什麼意思，後來總算找到是屬於條件運算子，又因為有 3 個運算元，才又稱為三元運算子
• 語法：condition 為條件，如果條件為 true，運算子回傳值 1(exprIfTrue)，否則回傳值 2(exprIfFalse)
• 其實就是 if else 的判斷，就像 else 可以再接 if 一樣，在第 2 組值 (false) 可以再追加判斷式

條件 ? 值1 : 值2
condition ? exprIfTrue : exprIfFalse

function fn(a, b) { 
  return a > b ? "a" : "b"; 
}

function fn(a, b) { 
  if(a > b) { 
    return "a"; 
  } 
  else { 
    return "b"; 
  } 
}

再追加判斷

function fn(a, b) { 
  return (a === b) ? "a = b" : (a > b) ? "a" : "b"; 
}

function fn(a, b) { 
  if(a === b) { 
    return "a and b"; 
  } 
  else if(a > b) { 
    return "a"; 
  } 
  else { 
    return "b"; 
  } 
}

運算元與運算子

• 運算元：運算元是運算式中做為運算的資料，運算元可以是常數、變數、函數等
• 運算子：運算子是運算式中用來運算的符號，最簡單就是 + - * /
• 一元運算子：1 個運算元和 1 個運算子(前後)組合，如：- 1、typeof "str"
• 二元運算子：2 個運算元和 1 個運算子(中間)組合，如：2 == 2、false && true

參考資料

MDN 條件運算子
MDN 運算式與運算子
MDN 運算式與運算子
[Js] 三元運算符 / 三元運算值
JavaScript 利用表達式優化你的程式碼
運算子

次回

想內容又要搞懂好困難