iT邦幫忙

0

【學習筆記】三元運算子

  • 分享至 

  • xImage
  •  

三元運算子
條件? 如果是true :如果是false
類似簡化版的if判斷式,條件判斷成立顯示前項(冒號左邊),不成立則顯示後項(冒號右邊)

舉例:判斷是否及格

const score = 80;
console.log(score >= 60 ? "及格":"不及格"); //及格

可以用變數儲存三元運算子再顯示

const score = 50;
const check = score >=60 ? "及格" : "不及格" ;
console.log(check); //不及格       

可以用falsy value判斷
0,NaN,"",null,undefined,false

const check = 0 ? "及格" : "不及格" ; // 0是falsy value會顯示後項
console.log(check); //不及格
const number = 1 ?  "真":"假"; //用truthy value也可以拿來判斷
console.log(number); //真

可以用在模板字串內判斷

const score = 90;
console.log(`${score>=60? "及格":"不及格"}`); //及格

搭配使用:購物網站 (1)
若數值為空值直接不顯示,數值有則正常顯示,練習時要注意"折"跟"$"的位置


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言