TypeScript - if...else 語句

---

---

在 TypeScript 中，if...else 語句根據不同的條件控制程式的執行流程。如果條件計算結果為 true，則執行 if 程式碼塊。

if 語句後面可以跟一個可選的 else 程式碼塊。如果 if 語句測試的布林表示式計算結果為 false，則執行 else 程式碼塊。

語法

TypeScript 中簡單的 if...else 語句如下：

if(boolean_expression) {  
   // statement(s) will execute if the boolean expression is true
} else {
   // statement(s) will execute if the boolean expression is false  
}

流程圖

下面的流程圖顯示了 if...else 語句的工作方式。

if 程式碼塊保護條件表示式。如果布林表示式計算結果為 true，則執行與 if 語句關聯的程式碼塊。

if 程式碼塊後面可以跟一個可選的 else 語句。如果表示式計算結果為 false，則執行與 else 程式碼塊關聯的指令塊。

示例

讓我們透過一些 TypeScript 示例來詳細瞭解 if...else 語句。

示例：簡單的 if...else

在下面的示例中，變數 num 被賦值為 12。條件 (num % 2 == 0) 檢查 num 是否為偶數。由於 12 除以 2 沒有餘數，因此條件計算結果為 true，並且執行 if 語句後面的程式碼塊。

var num: number = 12; 
if (num % 2==0) { 
   console.log("Even"); 
} else {
   console.log("Odd"); 
}

編譯後，它將生成以下 JavaScript 程式碼：

var num = 12;
if (num % 2 == 0) {
   console.log("Even");
} else {
   console.log("Odd");
}

上面的示例列印變數中的值是偶數還是奇數。if 程式碼塊檢查值是否能被 2 整除以確定結果。以下是上述程式碼的輸出：

Even 

示例：條件計算結果為 false

在上面的示例中，如果將值 13 賦給變數 num，則條件變為 false，因為 13 除以 2 餘 1。因此，將執行 else 語句後面的程式碼塊。

var num: number = 13; 
if (num % 2==0) { 
   console.log("Even"); 
} else {
   console.log("Odd"); 
}

編譯後，它將生成以下 JavaScript 程式碼。

var num = 13; 
if (num % 2==0) { 
   console.log("Even"); 
} else {
   console.log("Odd"); 
}

這裡條件 (13 % 2 == 0) 計算結果為 false，並執行 else 程式碼塊。輸出如下：

Odd

示例：else if 語句

let grade: number = 85;
if (grade >= 90) {
  console.log("Excellent");
} else if (grade >= 80) {
  console.log("Great");
} else {
  console.log("Keep studying");
}

這裡，if 語句首先檢查條件 grade >= 90。如果條件計算結果為 false，則 else if 語句檢查條件 grade >= 80。最後，只有當條件為 false 時，else 程式碼塊才會執行。

編譯後，它將生成以下 JavaScript 程式碼。

let grade = 82;
if (grade >= 90) {
  console.log("Excellent");
} else if (grade >= 80) {
  console.log("Great");
} else {
  console.log("Keep studying");
}

這裡，else if 語句的條件計算結果為 true，因此它列印“Great”作為輸出。

Great