布萊恩的創業小窩

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又回歸了!首篇要帶給你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 的條件成立時，則顯示...