學會Javascript,程式輕鬆寫(八)-條件判斷式

想要學會當今最火的JavaScript嗎?那你一定不能錯過本日的教學哦!(八)

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,程式輕鬆寫(九)-for迴圈


學會Javascript,程式輕鬆寫(十)-兩種while迴圈


學會Javascript,程式輕鬆寫(十一)-跳出/重新執行迴圈


五分鐘看懂AI時代下最具代表的Python!


前端工程師不可不會的CSS盒子模型!! (邊界篇)


擠進高薪科技大門-Java課程等你來瞭解!


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


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


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


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


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


Java課程、UI課程、程式課程、網路行銷課程推薦

 

 

 

 

 

 

 

 

 

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