位置:首頁 > Web開發 > Javascript教學 > JavaScript if...else語句

JavaScript if...else語句

在寫一個程序,可能有一種情況,當你需要采用一個路徑出給定兩個路徑。所以,需要使用條件語句,讓程序來做出正確的決策和執行正確的行動。

JavaScript支持其用於執行根據不同的條件不同的操作條件語句。在這裡,我們將解釋if..else語句。

JavaScript支持if..else語句的形式如下:

  • if 語句

  • if...else 語句

  • if...else if... 語句.

if 語句:

if語句是基本的控製語句,它允許JavaScript來作出決定,有條件地執行語句。

語法:

if (expression){
   Statement(s) to be executed if expression is true
}

這裡的JavaScript表達式expression求值。如果得到的值是true,給定語句執行。如果表達式為假則聲明將不執行。大部分的時間你會使用比較運算在使用決策時。

例子:

<script type="text/javascript">
<!--
var age = 20;
if( age > 18 ){
   document.write("<b>Qualifies for driving</b>");
}
//-->
</script>

這將產生以下結果:

Qualifies for driving

if...else 語句:

在if ... else語句是控製語句的下一個表單,允許JavaScript執行更可控語句。

語法

if (expression){
   Statement(s) to be executed if expression is true
}else{
   Statement(s) to be executed if expression is false
}

這裡JavaScript表達式求值。如果結果值是真實的,給定語句在if塊(S),被執行。如果表達式是假,則定的else語句塊被執行。

例子:

<script type="text/javascript">
<!--
var age = 15;
if( age > 18 ){
   document.write("<b>Qualifies for driving</b>");
}else{
   document.write("<b>Does not qualify for driving</b>");
}
//-->
</script>

這將產生以下結果:

Does not qualify for driving

 

if...else if... 語法:

在if...else if... .控製語句的一個層麵推進的形式,JavaScript做正確的決策出了幾個條件。

語法

if (expression 1){
   Statement(s) to be executed if expression 1 is true
}else if (expression 2){
   Statement(s) to be executed if expression 2 is true
}else if (expression 3){
   Statement(s) to be executed if expression 3 is true
}else{
   Statement(s) to be executed if no expression is true
}

代碼冇有什麼特彆之處。這僅僅是一係列的if語句,其中每個if之前的語句是else子句的一部分。聲明是基於true條件執行的,如果非條件是true,那麼else塊執行。

例子:

<script type="text/javascript">
<!--
var book = "maths";
if( book == "history" ){
   document.write("<b>History Book</b>");
}else if( book == "maths" ){
   document.write("<b>Maths Book</b>");
}else if( book == "economics" ){
   document.write("<b>Economics Book</b>");
}else{
  document.write("<b>Unknown Book</b>");
}
//-->
</script>

這將產生以下結果:

Maths Book