TypeScript if...else 语句

当我们要执行单行代码时，可以省略 if…else 语句中的 { }。例如，

let score: number = 35;

if (score >= 40)
    console.log("You passed the examination.");
else
    console.log("You failed the examination.");

// Output: You failed the examination.

我们可以根据需要多次使用 else if 关键字。例如，

let score: number = 85;

// Condition for passing with second division
if (score >= 40 && score < 60) {
    console.log("Second division");
}
// Condition for passing with first division
else if (score >= 60 && score < 80) {
    console.log("First division");
}
// Condition for passing with distinction
else if (score >= 80 && score <= 100) {
    console.log("Distinction");
}
// Condition for failing the exam
else if (score > 0 && score < 40) {
    console.log("You failed the examination.");
}
// If all conditions fail, the score is invalid
else {
    console.log("Invalid score!");
}

// Output: Distinction

在上面的示例中，我们使用了三个 else if 语句。

第二个 else if 语句被执行，因为它的条件得到了满足，而 if 和第一个 else if 语句的条件未得到满足。

如果我们的操作非常简单，我们可以使用三元运算符 ?: 代替 if...else 语句。例如，

let score: number = 40;
let result;

if (score >= 40) 
    result = "pass"
else
    result = "fail"

console.log(result);

// Output: pass

可以写成

let score: number = 40;

let result = (score >= 40) ? "pass" : "fail";

console.log(result);

// Output: pass

当我们需要处理大量条件时，我们可以用 switch 语句替换我们的 if...else 语句。

例如，

let score: string = "C";

// Using if else for many conditions
// First condition
if (score === "A") {
    console.log("Excellent!");
}
// Second condition
else if (score === "B") {
    console.log("Good!");
}
// Third condition
else if (score === "C") {
    console.log("Average");
}
// Fourth condition
else if (score === "D") {
    console.log("Bad");
}
// Otherwise, execute else block
else {
    console.log("Fail");
}

// Output: Average

在上面的示例中，我们使用了 if...else 来评估五个条件，包括 else 块。

现在，让我们使用 switch 语句来实现相同的目的。

let score: string = "C";

// using switch...case
switch (score) {
    // First condition
    case "A":
        console.log("Excellent!");
        break;
    // Second condition
    case "B":
        console.log("Good!");
        break;
    // Third condition
    case "C":
        console.log("Average");
        break;
    // Fourth condition
    case "D":
        console.log("Bad");
        break;
    default:
        console.log("Fail");
}

// Output: Average

如您所见，switch 语句使我们的代码更具可读性和可维护性。

此外，与冗长的 if...else 语句链相比，switch 的运行速度更快。

我们可以在 if 语句中使用逻辑运算符，如 && 和 || 来添加多个条件。例如，

let age: number = 35;
let salary: number = 6000;

// Combine two conditions using the "and" operator &&
if (age >= 30 && salary >= 5000) {
    console.log("Eligible for premium membership.");
}
else {
    console.log("Not eligible for premium membership.");
}

// Output: Eligible for premium membership.

在这里，我们在 if 语句中使用了逻辑运算符 && 来添加两个条件。这两个条件是：

• age >= 30
• salary >= 5000

由于 && 运算符，必须使两个条件都为 true 才能执行 if 块。

是的，您可以在 if...else 语句中使用用户输入。只需确保已将输入转换为合适的类型即可。例如，

// Get user input from prompt(), which returns either string or null data
const userInput: string | null = prompt("Enter your exam score:");

// Check if user input is null
if (userInput === null) {
    console.log("Null input given!");
}
// Else, convert input to integer and check condition
else {
    let score: number = parseInt(userInput);

    // Check if the user passed or failed
    if (score >= 40)
        console.log("pass");
    else
        console.log("fail");
}

在这里，我们使用了 prompt() 函数来获取用户输入。如果用户提供输入数据，prompt() 将其作为字符串返回。

但是，如果用户按下 Cancel 按钮，prompt() 将返回 null。因此，我们需要检查此条件。

一旦我们确定输入不是 null，我们就可以使用 parseInt() 函数将输入转换为整数，然后检查用户是及格还是不及格。