白骑士的JavaScript教学语法基础篇之流程控制 2.3.1 条件语句（if, else if, else, switch）-优快云博客

在编写JavaScript代码时，控制程序的执行流程是非常重要的任务。通过条件语句，程序可以根据不同的条件执行不同的代码，从而实现更加复杂和动态的逻辑处理。JavaScript中主要的条件语句包括‘if‘、‘else if‘、‘else‘以及‘switch‘。

‘if‘语句

‘if‘语句是条件控制结构的基础，通过判断一个表达式的真假来决定是否执行一段代码。当‘if‘语句中的条件为‘true‘时，代码块将会执行，否则将被跳过。

基本语法

if (condition) {
    // 当条件为true时执行的代码
}

示例

let age = 18;

if (age >= 18) {
    console.log("You are an adult.");
}

在这个示例中，当‘age‘的值大于或等于18时，控制台会输出‘"You are an adult."‘。

‘else‘语句

‘else‘语句与‘if‘语句一起使用，用于指定当‘if‘条件为‘false‘时要执行的代码。如果‘if‘语句的条件不成立，程序将会执行‘else‘块中的代码。

基本语法

if (condition) {
    // 当条件为true时执行的代码
} 

else {
    // 当条件为false时执行的代码
}

示例

let age = 16;

if (age >= 18) {
    console.log("You are an adult.");
} 

else {
    console.log("You are not an adult.");
}

在这个示例中，由于‘age‘的值小于18，控制台会输出‘"You are not an adult."‘。

‘else if‘语句

‘else if‘语句用于检查多个条件。它允许你在‘if‘条件为‘false‘时，检查另一个条件是否为‘true‘。你可以有任意多个‘else if‘语句，以处理不同的逻辑分支。

基本语法

if (condition1) {
    // 当condition1为true时执行的代码
} 

else if (condition2) {
    // 当condition1为false且condition2为true时执行的代码
} 

else {
    // 当以上条件都为false时执行的代码
}

示例

let score = 85;

if (score >= 90) {
    console.log("Grade A");
} 

else if (score >= 80) {
    console.log("Grade B");
} 

else if (score >= 70) {
    console.log("Grade C");
} 

else {
    console.log("Grade D");
}

在这个示例中，‘score‘的值为85，因此控制台会输出‘"Grade B"‘。

‘switch‘语句

‘switch‘语句用于根据不同的值执行不同的代码块。与多个‘else if‘语句相比，‘switch‘语句通常在值匹配时更为简洁。‘switch‘语句会根据表达式的值匹配相应的‘case‘，并执行对应的代码块。

基本语法

switch (expression) {
    case value1:
        // 当expression等于value1时执行的代码
        break;

    case value2:
        // 当expression等于value2时执行的代码
        break;

    // 可以有多个case子句

    default:
        // 当expression不匹配任何case时执行的代码
}

示例

let day = 3;

switch (day) {
    case 1:
        console.log("Monday");
        break;

    case 2:
        console.log("Tuesday");
        break;

    case 3:
        console.log("Wednesday");
        break;

    case 4:
        console.log("Thursday");
        break;

    case 5:
        console.log("Friday");
        break;

    case 6:
        console.log("Saturday");
        break;

    case 7:
        console.log("Sunday");
        break;

    default:
        console.log("Invalid day");
}

在这个示例中，‘day‘的值为3，控制台会输出‘"Wednesday"‘。‘switch‘语句中每个‘case‘后面跟着一个‘break‘语句，以防止程序继续执行后面的‘case‘代码块。

‘switch‘语句中的‘default‘

‘default‘子句是‘switch‘语句的最后一个分支，当‘switch‘表达式的值不匹配任何‘case‘时，‘default‘子句中的代码将会执行。‘default‘是可选的，如果你不关心未匹配的情况，可以省略它。

示例

let color = "blue";

switch (color) {
    case "red":
        console.log("Color is red");
        break;

    case "green":
        console.log("Color is green");
        break;

    case "blue":
        console.log("Color is blue");
        break;

    default:
        console.log("Color not recognized");
}

在这个示例中，‘color‘的值为‘"blue"‘，因此控制台会输出‘"Color is blue"‘。如果‘color‘的值为‘"yellow"‘，则会执行‘default‘子句，输出‘"Color not recognized"‘。

总结

条件语句是控制程序执行流程的关键工具，它们允许JavaScript代码根据不同的条件执行不同的操作。通过使用‘if‘、‘else if‘、‘else‘以及‘switch‘语句，你可以轻松地处理各种逻辑分支，编写出更加灵活和动态的应用程序。熟练掌握这些条件语句是成为优秀JavaScript开发者的重要基础。