当前位置：首页 > news >正文

JavaScript基础-流程控制概念

news 来源：原创 2025/5/17 21:45:39

在JavaScript编程中，掌握如何控制程序的执行流程是编写功能强大、逻辑清晰代码的关键。流程控制语句允许我们根据不同的条件执行不同的代码块，或者重复执行某些操作，从而实现复杂的功能逻辑。本文将详细介绍JavaScript中的几种主要流程控制结构：条件语句、循环语句以及跳转语句，并通过示例展示它们的应用。

一、条件语句

条件语句用于基于特定条件来决定是否执行某段代码。JavaScript中最常用的条件语句有if语句和switch语句。

（一）if语句

if语句是最基本的条件判断结构，它可以根据表达式的真假来选择性地执行代码块。

基本语法：

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

示例：

let age = 18;
if (age >= 18) {console.log("成年人");
}

if...else语句：

当需要在条件为假时执行另一段代码时，可以使用if...else。

if (age >= 18) {console.log("成年人");
} else {console.log("未成年人");
}

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

用于处理多个条件分支的情况。

if (score >= 90) {console.log("优秀");
} else if (score >= 60) {console.log("及格");
} else {console.log("不及格");
}

（二）switch语句

switch语句提供了一种多路分支选择机制，适用于基于单个变量或表达式的值进行不同路径的选择。

基本语法：

switch (expression) {case value1:// 当expression等于value1时执行的代码break;case value2:// 当expression等于value2时执行的代码break;default:// 如果没有匹配到任何case时执行的代码
}

示例：

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

注意：每个case块后通常跟着一个break语句，以防止“fall-through”现象（即继续执行后续的case代码）。

二、循环语句

循环语句允许我们重复执行一段代码直到满足某个终止条件。JavaScript提供了多种类型的循环语句，包括for循环、while循环和do...while循环。

（一）for循环

for循环是最常用的循环结构之一，适合已知迭代次数的情况。

基本语法：

for (initialization; condition; increment) {// 循环体
}

示例：

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

（二）while循环

while循环会在每次循环开始前检查条件，如果条件为真，则执行循环体；否则退出循环。

基本语法：

while (condition) {// 循环体
}

示例：

let count = 0;
while (count < 5) {console.log(count);count++;
}

（三）do...while循环

与while类似，但do...while会在每次循环结束时检查条件，因此至少会执行一次循环体。

基本语法：

do {// 循环体
} while (condition);

示例：

let counter = 0;
do {console.log(counter);counter++;
} while (counter < 5);

三、跳转语句

跳转语句用于改变程序的正常执行顺序，主要包括break、continue和return。

（一）break语句

break用于立即退出当前的循环或switch语句。

示例：

for (let i = 0; i < 10; i++) {if (i == 3) {break; // 当i等于3时跳出循环}console.log(i);
}

（二）continue语句

continue用于跳过当前循环中的剩余部分，并继续下一次循环。

示例：

for (let i = 0; i < 10; i++) {if (i % 2 == 0) {continue; // 跳过偶数}console.log(i); // 只打印奇数
}

（三）return语句

return不仅用于从函数返回值，还可以用来提前结束函数的执行。

示例：

function addNumbers(a, b) {if (typeof a !== 'number' || typeof b !== 'number') {return "请输入有效的数字"; // 提前返回错误信息}return a + b;
}
console.log(addNumbers(5, "test")); // 输出: 请输入有效的数字