JavaScript初學者該知道的事(7)if和else怎麼用

好久不見的JavaScript篇來了!這次要講的是:if條件式,else敘述,當然還有if else敘述的使用方式~

 

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初學者該知道的事(4)數學運算子

JavaScript初學者該知道的事(5)賦值運算子

JavaScript初學者該知道的事(6)邏輯運算子

快讓Java課程讓你多擁一項技能 學成馬上展開高薪斜槓高薪人生

要先學Python或java?快來參考這篇整理超詳細的文章!

程式語言夯!大家都在上Java課程了,你確定你可以不用上嗎?

美國NASDAQ上市公司、外商IT教育培訓企業

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

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

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

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

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

 

 

 

arrow
arrow
    創作者介紹
    創作者 Uder.chain 的頭像
    Uder.chain

    娶了UI設計師的Python工程師-北歐生活

    Uder.chain 發表在 痞客邦 留言(0) 人氣()