Javascript入門第七課-條件式應用
if 條件式
一般來說，在使用 JavaScript 編寫程式碼時， 前端工程師建議，如果希望程式能依據不同的狀態，而執行不同的操作時，就需要使用條件陳述式（conditional statements）。我們可以使用if 條件式來敘述：當一個指定的條件成立（為真）時會執行的程式碼，用白話來說就是「當...條件成立時，則會執行...程式」。
if 條件式的 JavaScript 語法如下:
See the Pen JavaScript7-if-1 by Tedutw (@Tedutw) on CodePen.
只有當指定的條件成立時，程式碼才會執行。
下面為 if 條件式 的範例，聲明當「變數 Num1 小於 變數 Num2」的條件成立時，才會顯示「JavaScript其實不難啊！」。
See the Pen JavaScript7-if-3 by Tedutw (@Tedutw) on CodePen.
承上面的例子，當「變數 Num1 小於 變數 Num2」的條件不成立時，則程式會自動跳過要執行的代碼，不會顯示「JavaScript其實不難啊！」。如下所示：
See the Pen JavaScript7-if-4 by Tedutw (@Tedutw) on CodePen.
else 敘述
當條件不成立時，除了不讓程式執行之外，我們還可以有其他選擇，可以使用「else」語句來指定當不符合指定條件時，所要執行的動作。承上方例子，當不符合「變數 Num1 小於變數 Num2」 的狀況時，就顯示「前端工程師都必須學JavaScript」。
See the Pen JavaScript7-if-5 by Tedutw (@Tedutw) on CodePen.
else if 敘述
if 條件式 中，我們還可以加入「else if」敘述另一個條件。當所指定的條件不成立時，是否還符合另一個條件。如以下例子所示，當變數「age」大於 17 的條件成立時，則顯示「成人」；若不成立，則看看是否符合另一個條件（變數是否大於 11）。當另一個條件成立時，則顯示「青少年」；若兩個條件都不成立，就顯示「兒童」。
See the Pen JavaScript7-if-6 by Tedutw (@Tedutw) on CodePen.
更多閱讀:
Javascript入門第八課-條件判斷式應用
Javascript入門第一課-如何在網頁中嵌入?
Javascript入門第二課-變數教學
Python基本功第一招-加減乘除四則運算練習
前端工程師一定要知道!! Class和ID有什麼不同?
Java這名字是怎麼來的?那些程式語言的名稱由來今天分享給你!
程式課程選達內，美上市IT課程教育集團
從無到有 挑戰14小時取得Google證照
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
2天考取Google Ads證照！新手廣告投放攻略
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
