iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 5
0
自我挑戰組

前端我來了 - 30天 JavaScript 從無到有 系列 第 5

[30天 JavaScript 從無到有 Day 5] 判斷、三元運算、falsy values

  • 分享至 

  • xImage
  •  

基礎 -> 略
省略為三元運算寫法 (Ternary Operator)

var count = 10;
// if else
if(count > 5){
    console.log('higher than 5')
}else{
    console.log('lower than 5')
}

// if else
Ternary Operator
count > 5 ? console.log('higher than 5') : console.log('lower than 5')

Switch 用法

  • 使用嚴格比較 ===
  • case 需加上 break
  • case 不可帶判斷
  • 需包含 default (無強制規定放最後)
// single case
var test = 0;
switch (test) {
  case 5:
    console.log('5');
    break;
  case 2:
    console.log('excute here');
    break;
  default:
    console.log('default');
}

// mutl case
var test = 0;
switch (test) {
  case 1:
  case 2:
  case 0:
  case 4:
    console.log('excute here');
    break;
  case '10':
  default:
   console.log('not excute here');
}

falsy values: 在邏輯判斷中,其結果與 false 相等, 但其數值實際上並非 false
ex : undefined, null, 0, '', NaN
truthy values: 不為 falsy values 的值

var test; // undefined, null, 0, '', NaN
if(test){
   
}else{
   // excute here
}

Coding Challenge 2
三場比賽的平均得分比較 -> 略


新手練功中, 歡迎指教、點評~

課程 : https://www.udemy.com/course/the-complete-javascript-course/
來源 :
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Statements/switch
https://amobiz.github.io/2015/09/28/javascript-truthy-falsy/


上一篇
[30天 JavaScript 從無到有 Day 4] 課程小測驗
下一篇
[30天 JavaScript 從無到有 Day 6] Function
系列文
前端我來了 - 30天 JavaScript 從無到有 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言