iT邦幫忙

2022 iThome 鐵人賽

DAY 8
0
自我挑戰組

菜鳥的前端學習筆記系列 第 8

DAY8 - if/else

  • 分享至 

  • xImage
  •  

前言

既然中秋節過完了,今天就繼續聊聊如何運用條件判斷來呈現出不同的運算結果吧!


if/else

if/else 是由我們先預設好各種情況後,再讓程式依照遇到的情況來判斷應該呈現什麼樣的結果。舉例來說:

if (age < 18) {
	console.log('未成年')
} else if (age >= 18 && age < 65 ) {
	console.log('成年人')
} else {  // age >= 65
	console.log('老年人')
}

程式的判斷方式會是:

  1. 首先,年齡是否小於18歲,如果確實小於18歲便會輸出未成年,如果不是便往下走到 else if
  2. 接著判斷年齡是否介於18到小於65之間,如果是則會輸出成年人,若還是不是就繼續往下走到 else
  3. 既然抵達 else,那就表示前兩個條件都不符合,所以判斷年齡超過65歲並輸出老年人。

藉由這個例子可以知道,程式會從上而下執行確認每個條件,假如過程中有條件成立,就會執行該個區塊的指令,但若前面條件都沒有成立的狀況下,就會進入最終其他情況而去執行這個區塊的指令。


使用if/else的注意事項

  1. 語法在使用上視需要的情況進行調整,像是舉例中的語法上可以看到先 ifelse if 最後才是 else,假如可能沒有需要這麼多條件判斷時,可以使用 if 然後 else 或是只使用 if 也是可以的。
  2. 條件須寫在小括號裡,而需要執行的命令放在大括號的區塊內。
  3. 常會運用邏輯運算子將許多條件組合在一起,所以邏輯運算子( &&||! )需要熟悉才能更有效得使用條件。
  4. 程式在進行條件判斷時,會把條件內容轉換為 truefalse ,所以在撰寫條件時如果需要使用等號,一定要使用三個等號,以避免發生錯誤或失控的情形出現哦。

上一篇
DAY7 - 中秋節插播
下一篇
DAY9 - for
系列文
菜鳥的前端學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言