【Java 进阶篇】JavaScript流程控制语句详解

JavaScript是一门高级编程语言，具备丰富的流程控制语句，用于控制程序的执行流程。在本篇博客中，我们将深入探讨JavaScript的流程控制语句，包括条件语句、循环语句、以及其他一些控制语句。这篇博客将逐步介绍这些概念，并提供大量的示例代码，以帮助您更好地理解和运用JavaScript的流程控制功能。

条件语句

条件语句允许我们根据条件的真假来决定执行不同的代码块。JavaScript提供了if、else、else if和switch等条件语句。

if语句

if语句是最基本的条件语句，用于根据一个条件执行不同的代码块。它的语法如下：

登录后复制

if (条件) {
    // 如果条件为真，执行这里的代码
}
1.
2.
3.

如果条件为真，if语句中的代码块将被执行，否则将被跳过。下面是一个示例：

登录后复制

let age = 18;

if (age >= 18) {
    console.log("你已成年");
}
1.
2.
3.
4.
5.

在这个例子中，如果age大于等于18，就会输出"你已成年"。

else语句

else语句可用于在条件为假时执行另一个代码块。它的语法如下：

登录后复制

if (条件) {
    // 如果条件为真，执行这里的代码
} else {
    // 如果条件为假，执行这里的代码
}
1.
2.
3.
4.
5.

下面是一个示例：

登录后复制

let age = 16;

if (age >= 18) {
    console.log("你已成年");
} else {
    console.log("你未成年");
}
1.
2.
3.
4.
5.
6.
7.

在这个例子中，如果age小于18，就会输出"你未成年"。

else if语句

else if语句可用于在多个条件之间进行选择。它的语法如下：

登录后复制

if (条件1) {
    // 如果条件1为真，执行这里的代码
} else if (条件2) {
    // 如果条件2为真，执行这里的代码
} else {
    // 如果以上条件都为假，执行这里的代码
}
1.
2.
3.
4.
5.
6.
7.

下面是一个示例：

登录后复制

let score = 85;

if (score >= 90) {
    console.log("优秀");
} else if (score >= 70) {
    console.log("良好");
} else {
    console.log("及格");
}
1.
2.
3.
4.
5.
6.
7.
8.
9.

在这个例子中，根据分数不同，会输出不同的评价。

switch语句

switch语句用于根据不同的条件值执行不同的代码块。它的语法如下：

登录后复制

switch (表达式) {
    case 值1:
        // 如果表达式的值等于值1，执行这里的代码
        break;
    case 值2:
        // 如果表达式的值等于值2，执行这里的代码
        break;
    // 更多的case
    default:
        // 如果表达式的值都不等于以上任何一个值，执行这里的代码
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

下面是一个示例：

登录后复制

let day = "周一";

switch (day) {
    case "周一":
        console.log("开始新的一周");
        break;
    case "周六":
    case "周日":
        console.log("周末休息");
        break;
    default:
        console.log("工作日");
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

在这个例子中，根据day的不同取值，会输出不同的信息。

循环语句

循环语句允许我们多次执行同一段代码。JavaScript提供了for、while、do...while等不同类型的循环语句。

for循环

for循环是最常用的循环语句，它允许我们指定循环的起始条件、结束条件和步进值。它的语法如下：

登录后复制

for (初始化; 条件; 步进) {
    // 在每次循环中执行的代码
}
1.
2.
3.

下面是一个示例：

登录后复制

for (let i = 0; i < 5; i++) {
    console.log("这是第 " + (i + 1) + " 次循环");
}
1.
2.
3.

在这个例子中，for循环将会执行5次，分别输出不同的信息。

while循环

while循环在每次迭代之前检查一个条件，并在条件为真时执行循环体。它的语法如下：

登录后复制

while (条件) {
    // 只要条件为真，就一直执行这里的代码
}
1.
2.
3.

下面是一个示例：

登录后复制

let i = 0;

while (i < 5) {
    console.log("这是第 " + (i + 1) + " 次循环");
    i++;
}
1.
2.
3.
4.
5.
6.

在这个例子中，while循环也会执行5次，输出不同的信息。

do…while循环

do...while循环与while循环类似，但它在每次迭代之后检查条件。这意味着循环体至少会执行一次。它的语法如下：

登录后复制

do {
    // 执行这里的代码
} while (条件);
1.
2.
3.

下面是一个示例：

登录后复制

let i = 0;

do {
    console.log("这是第 " + (i + 1) + " 次循环");
    i++;
} while (i < 5);
1.
2.
3.
4.
5.
6.

do...while循环也会执行5次，与while循环不同的是，它保证了至少执行一次。

其他控制语句

除了条件语句和循环语句，JavaScript还提供了其他一些控制语句，例如break、continue和return等。

break语句

break语句用于跳出循环。当在循环内使用break时，循环将被立即终止，程序将执行循环后的代码。下面是一个示例：

登录后复制

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        break;
    }
    console.log(i);
}
1.
2.
3.
4.
5.
6.

在这个例子中，当i等于5时，break语句被触发，循环终止。

continue语句

continue语句用于跳过当前循环的剩余部分，继续下一次循环。下面是一个示例：

登录后复制

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

在这个例子中，当i等于5时，continue语句被触发，跳过当前循环，继续下一次循环。

return语句

return语句用于从函数中返回一个值，并终止函数的执行。它的语法如下：

登录后复制

function myFunction() {
    // 执行一些操作
    return 值;
}
1.
2.
3.
4.

return语句通常在函数中使用，用于返回函数的结果。下面是一个示例：

登录后复制

function add(a, b) {
    return a + b;
}

let result = add(3, 5);
console.log(result); // 输出8
1.
2.
3.
4.
5.
6.

在这个例子中，add函数返回了a和b的和。

总结

JavaScript的流程控制语句允许我们根据条件和循环需求来控制程序的执行流程。通过条件语句，我们可以根据不同的条件执行不同的代码块，而循环语句则允许我们多次执行相同的代码块。此外，JavaScript还提供了其他控制语句，如break、continue和return，用于在特定情况下修改程序的行为。

希望这篇博客对您理解JavaScript的流程控制语句有所帮助。如果您想要进一步学习JavaScript，建议您深入学习每个控制语句的不同用途，并进行更多的实际练习。这将有助于您更好地应用JavaScript来解决各种编程问题。

在未来的博客中，我们将继续深入探讨JavaScript的不同主题，包括函数、对象、数组和事件处理等。如果您对某个特定主题有兴趣，请随时告诉我们，我们将尽力提供更多有关该主题的信息和示例代码。

感谢您阅读本篇博客，希望您对JavaScript的流程控制语句有了更清晰的理解。如果您有任何问题或需要进一步的帮助，请随时向我们提问。祝愉快的编程！

作者信息

作者 ： 繁依Fanyi