本文介绍了JS流程控制入门的相关知识，包括if语句、else语句、switch语句、循环语句以及跳转语句等基本概念和用法。通过这些流程控制结构，可以实现程序的分支执行、循环执行、跳转操作等，从而使程序更加灵活和智能化。文章还提供了具体的代码示例，帮助读者更好地理解和应用这些流程控制语句。

什么是JS流程控制

JavaScript 流程控制是编程中用来控制程序执行流程的一组关键字和语句。通过这些结构，可以实现程序的分支执行、循环执行、跳转操作等。流程控制在编写任何逻辑复杂的程序时都是必不可少的，它能够根据不同的条件执行不同的代码块，从而使程序更加灵活和智能化。

流程控制的重要性

流程控制允许程序根据输入或特定条件执行不同的操作，这使得程序能够适应各种不同的情况和环境。没有流程控制，程序将只能按照固定的顺序执行代码，无法应对变化或不确定的情况，从而失去其灵活性和实用性。

if 语句

if 语句的基本用法

if 语句是 JavaScript 中最常用的分支结构之一。它根据一个布尔表达式的结果（真或假）来执行不同的代码块。基本语法如下：

if (条件表达式) {
    // 当条件为真时执行的代码
}

例如，假设有一个变量 age，根据年龄来决定是否允许进入某个地方：

let age = 18;
if (age >= 18) {
    console.log("允许进入");
}

在这个示例中，如果 age 大于或等于 18，程序会输出 "允许进入"。

if...else 语句

if...else 语句用于在满足条件时执行一段代码，而在不满足条件时执行另一段代码。基本语法如下：

if (条件表达式) {
    // 当条件为真时执行的代码
} else {
    // 当条件为假时执行的代码
}

例如，假设有一个变量 score，根据分数来决定是否通过考试：

let score = 85;
if (score >= 60) {
    console.log("通过考试");
} else {
    console.log("未通过考试");
}

在上面的示例中，如果 score 大于或等于 60，则输出 "通过考试"，否则输出 "未通过考试"。

if...else if...else 语句

if...else if...else 语句可以处理多个条件。当多个条件需要被检测且每个条件之间可能互斥时，这种结构非常有用。基本语法如下：

if (条件表达式1) {
    // 当条件1为真时执行的代码
} else if (条件表达式2) {
    // 当条件2为真时执行的代码
} else {
    // 当前面条件都不为真时执行的代码
}

例如，假设有一个变量 grade，根据分数来决定成绩等级：

let score = 85;
if (score >= 90) {
    console.log("A");
} else if (score >= 80) {
    console.log("B");
} else if (score >= 70) {
    console.log("C");
} else {
    console.log("D");
}

在上面的示例中，根据 score 的不同值，输出相应的等级。分数越高，对应的等级越高。

switch 语句

switch 语句的基本语法

switch 语句用于在多个选项之间进行选择。它根据一个表达式的结果来执行相应的代码块。基本语法如下：

switch (表达式) {
    case 值1:
        // 当表达式等于值1时执行的代码
        break;
    case 值2:
        // 当表达式等于值2时执行的代码
        break;
    default:
        // 当表达式不等于任何指定值时执行的代码
}

例如，假设有一个变量 day，根据不同的星期几输出对应的名字：

let day = 3;
switch (day) {
    case 1:
        console.log("星期一");
        break;
    case 2:
        console.log("星期二");
        break;
    case 3:
        console.log("星期三");
        break;
    default:
        console.log("未知");
}

在上面的示例中，根据 day 的不同值输出对应的名字，如果 day 不等于 1、2 或 3，则输出 "未知"。

switch 语句的应用场景

switch 语句适用于处理多个互斥的条件，每个条件对应不同的代码块。例如，可以通过 switch 语句来实现根据输入的数字输出星期几：

let day = 4;
switch (day) {
    case 1:
        console.log("星期一");
        break;
    case 2:
        console.log("星期二");
        break;
    case 3:
        console.log("星期三");
        break;
    case 4:
        console.log("星期四");
        break;
    default:
        console.log("未知");
}

在这个示例中，根据 day 的不同值输出不同的名字，如果 day 不等于1到4中的任何一个，则输出 "未知"。

循环语句

for 循环的基本用法

for 循环用于执行一段代码指定次数。基本语法如下：

for (初始化; 条件表达式; 更新表达式) {
    // 每次循环执行的代码
}

例如，使用 for 循环输出 1 到 5 的数字：

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

在这个示例中，i 从 1 开始，每次循环 i 自增 1，直到 i 大于 5 时停止循环。

while 循环的使用场景

while 循环用于在条件满足时重复执行一段代码。基本语法如下：

while (条件表达式) {
    // 每次循环执行的代码
}

例如，使用 while 循环输出从 1 到 5 的数字：

let i = 1;
while (i <= 5) {
    console.log(i);
    i++;
}

在这个示例中，每次循环 i 自增 1，直到 i 大于 5 时停止循环。

do...while 循环的特点

do...while 循环在每次循环结束之后检查条件表达式，即使条件表达式在第一次循环时就为假，也会至少执行一次循环体内的代码。基本语法如下：

do {
    // 每次循环执行的代码
} while (条件表达式);

例如，使用 do...while 循环输出从 1 到 5 的数字：

let i = 1;
do {
    console.log(i);
    i++;
} while (i <= 5);

在这个示例中，即使 i 大于 5 时条件表达式为假，循环体内的代码也会至少执行一次。

跳转语句

break 语句的作用

break 语句用于中断循环或 switch 语句，使程序跳出当前循环或 switch 语句。基本语法如下：

break;

例如，使用 break 语句在找到特定条件时中断循环：

for (let i = 1; i <= 10; i++) {
    if (i === 5) {
        break;
    }
    console.log(i);
}

在这个示例中，当 i 等于 5 时，break 语句使程序跳出循环，因此不会输出大于 5 的数字。

continue 语句的应用

continue 语句用于跳过当前循环的剩余部分，直接开始下一次循环。基本语法如下：

continue;

例如，使用 continue 语句跳过偶数的输出：

for (let i = 1; i <= 10; i++) {
    if (i % 2 === 0) {
        continue;
    }
    console.log(i);
}

在这个示例中，当 i 是偶数时，continue 语句使程序跳过当前循环的剩余部分，直接开始下一次循环，因此只会输出奇数。

应用实例

实例 1：使用 if 语句进行简单的条件判断

假设有一个变量 score，根据分数来决定是否通过考试：

let score = 85;
if (score >= 60) {
    console.log("通过考试");
} else {
    console.log("未通过考试");
}

在这个示例中，如果 score 大于或等于 60，则输出 "通过考试"，否则输出 "未通过考试"。

实例 2：利用循环语句实现数字累加

假设要实现从 1 加到 10 的累加：

let sum = 0;
for (let i = 1; i <= 10; i++) {
    sum += i;
}
console.log("累加结果为：", sum);

在这个示例中，i 从 1 开始，每次循环 i 自增 1，直到 i 大于 10 时停止循环。sum 初始值为 0，每次循环将 i 加到 sum 上，最终输出累加的结果。

实例 3：结合多种流程控制结构的综合案例

假设有一段代码需要根据用户输入的数值判断是否为正数、负数或零，并进行相应的输出：

let num = -5;
if (num > 0) {
    console.log("正数");
} else if (num < 0) {
    console.log("负数");
} else {
    console.log("零");
}

在这个示例中，程序根据输入的数值判断是正数、负数还是零，并输出相应的结果。

通过这些示例，可以更好地理解和应用 JavaScript 中的流程控制语句。