JavaScript程式碼入門教學--switch 條件式

JavaScript程式碼入門教學--switch 條件式

switch 條件式

前端工程師 編寫 JavaScript語言 有多個條件要測試,為每個條件編寫 if...else 語句可能不是那麼有效率。前端工程師 此時可以使用 switch 敘述式,就可以依據不同的條件而執行所指定的 JavaScrip程式。

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入門技巧通通告訴你(六)

 

JavaScript入門技巧通通告訴你(七)

 

JavaScript入門-if,else,else if條件判斷式

 

高薪像做夢?!Java課程讓你夢想成真!

 

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

 

人人都能是工程師!台灣 IT 培訓中心推「找到工作再付學費」專案,要試試嗎?

 

NOWnews 今日新聞

 

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

 

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

 

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

 

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

 

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

 

    uidesignxiaoshow 發表在 痞客邦 留言(0) 人氣()