不可錯過的JavaScript課程(8)switch條件式

不可錯過的JavaScript課程(8)switch條件式

不可錯過的JavaScript課程(8)switch條件式

 

必上JavaScript課程裡的switch條件式到底是什麼?要如何使用?不懂的人快把握機會搞懂!

 

switch 條件式

JavaScript 中,若你有多個條件需要測試的話,為每個條件編寫 if…else 語句可能不是那麼有效率。此時,前端工程師們可以使用 switch 敘述式,就可以依據不同的條件而執行所指定的程式。 switch 用法如下面代碼所示:

See the Pen JavaScript8-switch-1 by Tedutw (@Tedutw) on CodePen.

 

switch 敘述式只運算一次,我們需要看看敘述是否符合各個情況(case)所指定的條件。當有條件成立時,就會執行該情況(case)所對應的程式。

如以下例子:變數「day」若為 1 時則輸出「Mon」、為 2 時,則輸出「Tue」、為 3 則輸出「Wed」、為 4 則輸出「Thu」、為 5 則輸出「TGIF」,都不符合就輸出「Weekend day」。

See the Pen JavaScript8-switch-2 by Tedutw (@Tedutw) on CodePen.

註1:以上例子,前端工程師們也可以使用 if…else 條件式 來寫,但不如 switch 來的精簡。

註2:每一個 case 中的「break」語句,作用是讓 JavaScript 跳出該 switch 程式區塊,以阻止更多的程式碼執行、或是繼續在該區塊內繼續測試的動作。通常一種情況(case)的條件陳述中,會放一個「break」。

 

switch 條件式中的「default」

當所有條件都不成立時,「default」關鍵字指定 JavaScript 要執行的動作。

如下例,若變數「member」的值都不符合所有情況(case)的條件陳述時,JavaScript 就跑到「default」,顯示「不是Stratovarius的現任團員」。

以下的變數(var)「member」的值為 「Tokki」,讓我們來看看是否符合每個情況(case)的條件陳述。

See the Pen JavaScript8-switch-3 by Tedutw (@Tedutw) on CodePen.

 

 

精選延伸閱讀:

不可錯過的JavaScript課程(9)for迴圈

不可錯過的JavaScript課程(10)while相關迴圈

不可錯過的JavaScript課程(11)跳出和繼續的迴圈

身為IT界達人的你,一定要知道達內教育評價最高的Java課程!

單一技能已被淘汰 讓Java課程使你充實自我 還能媒合高薪職缺

談談JAVA和PYTHON差在哪?

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

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

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

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

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

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

 

本篇發表於 程式語言 並標籤為 , , , , 。將永久鏈結加入書籤。

發佈留言

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

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料