JavaScript教學7.條件式

 對Javascript有興趣嗎?免費入門教學在這裡!本篇是7條件式

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教學6.邏輯運算子

JavaScript教學8.條件判斷式

JavaScript教學9.for迴圈

有了它人人都可精準選角拍電影?交給人工智慧準沒錯?

還不懂Python的你趕緊看過來,為你獻上基礎介紹(一)

還不懂Python的你趕緊看過來,為你獻上基礎介紹(二)

2天考取Google Ads證照！新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略


從無到有 挑戰14小時取得Google證照

Python中級學堂:控制結構篇11.實作簡單的計算機

Python基礎都學會了嗎?恭喜你朝專業工程師又進一步了!本篇是進階教學:控制結構篇11.實作簡單的計算機

本文是 Python 項目實做：一個簡單的計算器。本實作應用了 Python教學 的基本函數與概念：while 迴圈、if 條件判斷式、elif 寫法、type conversion類型轉換。
每個部分說明了 Python 程式的不同部分,希望能幫助各位同學更加容易了解Python。
第一部分是計算機的起始畫面，讓用戶一直不斷輸入，直到用戶輸入「exit」為止，因此使用了while 迴圈。

while True:
   print("選項:")
   print("輸入 '+' 讓兩個數值互加")
   print("輸入 '-' 讓兩個數值互減")
   print("輸入 '*' 讓兩個數值互乘")
   print("輸入 '/' 讓兩個數值互除")
   print("輸入 'exit' 來結束程式")
   user_input = input(": ")

   if user_input == "exit":
      break
   elif user_input == "+":
      ...
   elif user_input == "-":
      ...
   elif user_input == "*":
      ...
   elif user_input == "/":
      ...
   else:
      print("不知道你在輸入什麼")  

上述程式還沒寫完，只完成了起始畫面與結構。接下來我們針對每個小部分來寫 Python 程式碼：
加法的部分：

elif user_input == "+":
    num1 = float(input("請輸入數字:"))
    num2 = float(input("請輸入另一個數字:"))

現在，當用戶輸入「+」後，程式就會提示輸入兩個數字。以上我們使用 float()函數，來將用戶輸入的數字強制轉變成浮點數。但是若用戶輸入的不是數字，程式就會 GG。
接下來，我們寫的程式碼，是用來執行用戶輸入的兩個數字，完成加總並且將結果輸出。Python 程式碼如以下所示

elif user_input == "+":
    num1 = float(input("請輸入數字:"))
    num2 = float(input("請輸入另一個數字:"))
    result = str(num1 + num2)
    print("答案是 " + result)

以此類推，減法的部分為:

elif user_input == "-":
    num1 = float(input("請輸入數字:"))
    num2 = float(input("請輸入另一個數字:"))
    result = str(num1 - num2)
    print("答案是 " + result)

以此類推，乘法的部分為:

elif user_input == "*":
    num1 = float(input("請輸入數字:"))
    num2 = float(input("請輸入另一個數字:"))
    result = str(num1 * num2)
    print("答案是 " + result)

以此類推，除法的部分為:

elif user_input == "/":
    num1 = float(input("請輸入數字:"))
    num2 = float(input("請輸入另一個數字:"))
    result = str(num1 / num2)
    print("答案是 " + result)

程式寫好，執行成果如下:

參考連結:

Python中級學堂:控制結構篇1.布林值

Python進階教學:控制結構篇9.數列生成

Python中級學堂:控制結構篇10.for迴圈

連麻將也難不倒人工智慧(一)

連麻將也難不倒人工智慧(二)

連麻將也難不倒人工智慧(三)

暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~

Python中級學堂:控制結構篇2.條件判斷(下)

Python基礎都學會了嗎?恭喜你朝專業工程師又進一步了!本篇是進階教學:控制結構篇2.條件判斷(下)

在上一篇文章：Python控制結構2.if else條件判斷(1)一文中，我們已經知道 if...else 的 if 的用法，本篇就來進一步講述 else 的功能。

Python教學 的 if...else 條件判斷式，除了單純的 if 設定一組條件之外，還可加上 else...if 或 else 增加條件。每一個 if，都可以設定不同的條件。例如：今天你要寫出一個Python程式，判斷你所輸入的樂團名稱「Megadeth」，是否在四大鞭擊金屬樂團之列。則程式如下例所示：

bandname = "Metallica"
if bandname == "Megadeth":
    print("無庸置疑，Megadeth 無論在歌曲的編制、樂句的表現與技巧的專精，都勝過其他的鞭擊金屬樂團。")
else: 
    if bandname == "Metallica":
        print("Metallica 也是四大鞭擊金屬樂團之一。但是最好的是前四張專輯")
    else:
        if bandname == "Anthrax":
            print("Anthrax 也是四大鞭擊金屬樂團之一。但是地位不如 Megadeth 與 Metallica")
        else: 
            if bandname == "Slayer":
                print("Slayer 確實是四大鞭擊金屬樂團之一。但是我對他們不熟")
            else:
                print("你輸入的樂團名稱不在四大鞭擊金屬樂團之中")

結果顯示如下：

>>>
Metallica 也是四大鞭擊金屬樂團之一。但是最好的是前四張專輯
>>>

以上Python的例子，你可以把樂團名稱換成 "Megadeth"、"Anthrax"、"Slayer" 或是其他的名稱試試看喔！
else if 可以縮寫成「elif」，承上方的例子，把所有的 else if 都改成「elif」則結果如下例所示（下例也把樂團名稱改成 "Megadeth"）：

bandname = "Megadeth"
if bandname == "Megadeth":
    print("無庸置疑，Megadeth 無論在歌曲的編制、樂句的表現與技巧的專精，都勝過其他的鞭擊金屬樂團")
elif bandname == "Metallica":
    print("Metallica 也是四大鞭擊金屬樂團之一。但是最好的是前四張專輯")
elif bandname == "Anthrax":
    print("Anthrax 也是四大鞭擊金屬樂團之一。但是地位不如 Megadeth 與 Metallica")
elif bandname == "Slayer":
    print("Slayer 確實是四大鞭擊金屬樂團之一。但是我對他們不熟")
else:
    print("你輸入的樂團名稱不在四大鞭擊金屬樂團之中")

結果顯示如下：

>>>
無庸置疑，Megadeth 無論在歌曲的編制、樂句的表現與技巧的專精，都勝過其他的鞭擊金屬樂團
>>>

承上例，我們把第一行的 「bandname = "Megadeth"」改成「bandname = "Anthrax"」結果顯示如下：

>>>
Anthrax 也是四大鞭擊金屬樂團之一。但是地位不如 Megadeth 與 Metallica
>>>

承上例，我們再把第一行的 「bandname = "Anthrax"」改成「bandname = "Slayer"」結果顯示如下：

>>>
Slayer 確實是四大鞭擊金屬樂團之一。但是我對他們不熟
>>>

承上例，我們再把第一行的 「bandname = "Slayer"」，將 Slayer 改成隨便一個你知道的樂團名稱，也許結果顯示如下：

>>>
你輸入的樂團名稱不在四大鞭擊金屬樂團之中
>>>

參考連結:

Python中級學堂:控制結構篇1.布林值

Python中級學堂:控制結構篇2.條件判斷(上)

Python中級學堂:控制結構篇3.布林邏輯

點名即將消失的五大程式語言,兇手竟然是Python!?(上)

點名即將消失的五大程式語言,兇手竟然是Python!?(下)

Python該怎麼念?工程師常用十大英文單字,你念對了嗎?


暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~

Python中級學堂:控制結構篇2.條件判斷(上)

Python基礎都學會了嗎?恭喜你朝專業工程師又進一步了!本篇是進階教學:控制結構篇2.條件判斷(上)

在 Python 中，若有滿足特定的條件，則可以使用 if 指令。要是滿足了某個指定的條件（即是布林值為「True」，若不懂何謂布林值，請看這篇：Python控制結構1.布林值Boolean-True or False?），則這個程式的片段會被執行。反之，則不執行。
if 指令的語法如下

if <條件>:
   執行的狀況

範例：如果 x 小於 0 則輸出「x 是負數」，而不論 x 的值為何，最後都會輸出「此Python程式結束」。

x=-10
if x < 0:
    print("x 是負數")
print("此Python程式結束")

結果顯示如下：

>>>
x 是負數
此Python程式結束
>>>

呈上例，若 x=10 的話，則結果只會顯示「此Python程式結束」。
有時，if 條件式裡還會有另一組 if 條件式，就形成多層 if 條件式的架構。Python教學將這種情況稱為「巢狀 if 條件式」。巢狀 if 條件式就好像設定多道關卡，資料必須經過每一道關卡的檢驗。當滿足了第一關的條件，才會到第二關。這個設定是用來檢視是否有滿足多種條件的方法。如下例，如果要判斷一個人是否可以觀看輔導級、甚至限制級的電影，就必須先知道他的年齡。於是我們把輔導級的年齡設定為 15 歲，限制級的年齡設定為 18 歲。若能觀看輔導級，不見得可以看限制級的電影；但若能看限制級的電影，則輔導級電影也可以看。今天來了一個 17 歲的人，正從以下電影考慮挑一部電影看。他們是：限制級的「藍波：最後一滴血」和輔 15 級的「無間行動」。他的年齡可以看哪一部電影呢？請參考以下程式碼：

age = 17
if age >= 15:
   print("已滿15歲，可以觀賞輔15級的電影")
   if age <18:
      print("未滿18歲不得觀賞限制級的電影")

結果顯示如下：

已滿15歲,可以觀賞輔15級的電影
未滿18歲不得觀賞限制級的電影

因此，他必須放棄「藍波：最後一滴血」這部片子，而選擇「無間行動」。
if 條件判斷式，可以不只有一種條件。若要新增條件的話，就必須要加「else」。else 的用法將在Python控制結構2.if else條件判斷(2)中說明。

參考連結:

Python中級學堂:控制結構篇1.布林值

Python中級學堂:控制結構篇2.條件判斷(下)

Python中級學堂:控制結構篇3.布林邏輯

點名即將消失的五大程式語言,兇手竟然是Python!?(上)

點名即將消失的五大程式語言,兇手竟然是Python!?(下)

Python該怎麼念?工程師常用十大英文單字,你念對了嗎?


暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~