Java課程是為了數位化的現在，Python課程是為了未來的人工智慧: 條件判斷式

2019年12月9日星期一

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.

2019年12月5日星期四

Javascript入門必學7條件式

Javascript入門必學招數之一-條件式!

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.

Java課程是為了數位化的現在，Python課程是為了未來的人工智慧

2019年12月9日星期一

Javascript入門必學8條件判斷式

switch 條件式

switch 條件式中的「default」

2019年12月5日星期四

Javascript入門必學7條件式

if 條件式

else 敘述

else if 敘述

熱門文章

2019年12月9日 星期一

Javascript入門必學8條件判斷式

switch 條件式

switch 條件式中的「default」

2019年12月5日 星期四

Javascript入門必學7條件式

if 條件式

else 敘述

else if 敘述

2019年12月9日星期一

2019年12月5日星期四