iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 19
2
Modern Web

透過 ESLint 練習 JavaScript ES6系列 第 19

Day19【ES6 小筆記】三元運算子-以哥哥的擇偶條件為例

javascript 三元運算子三元運算子可以拿來做簡單的判斷,在兩個結果間快速的做出選擇!雖然不是 ES6 才出的語法,但是 airbnb 有提到,今天就來介紹一下他的用法唄!

ESLint airbnb 跟三元運算子有關的規則
15.7 不應該使用巢狀的三元運算子,且通常應該使用單行來表示。
15.8 避免不必要的三元運算子語法。


使用方法

條件 ? value1 : value2

在條件為 true 的時候,回傳 value1, 否則回傳 value2

舉個例子

我哥哥這個人很簡單,對另一半沒什麼要求,Dcup 以上就可以列入他交女友的名單裡,現在我們需要幫哥哥進行第一層篩選,在過去的寫法就是:

if ( cup >= D ) {
  let girl = '女朋友';
} else {
  let girl = '好兄弟';
};

而用三元運算子的寫法我們就可以這樣寫:

let girl = (cup >= D) ? '女朋友' :'好兄弟';

以上就是標準的寫法,不需要分成多行,也要注意不要使用巢狀的三元運算子哦!使用這樣的寫法讓程式碼縮減了很多~看起來更精闢了!之後更快的幫哥哥做篩選嚕~讚!


上一篇
Day18【ES6 小筆記】比較值:== vs. === vs. Object.is() 差在哪呢?
下一篇
Day20【ES6 小筆記】什麼是「語法糖」哩?
系列文
透過 ESLint 練習 JavaScript ES630
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0

這舉例真...好...

0
阿展展展
iT邦好手 1 級 ‧ 2019-10-13 13:27:44

專業賣哥哥
/images/emoticon/emoticon12.gif

我要留言

立即登入留言