手把手教你JavaScript(7):條件陳述式

手把手教你JavaScript(7):條件陳述式
手把手教你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和前端工程師的文章請點下方連結!!

 

 

 

其他閱讀

手把手教你JavaScript(8):switch條件式

手把手教你JavaScript(9):for迴圈

重新學習UI UX Python課程 打好基礎輕鬆領高薪

有一個傳說 來上Java課程還能任高薪職缺 媒合率竟高達百分之90

人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到

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

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

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

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

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

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *