JavaScript基础 1.6 控制结构（条件语句与循环）

在JavaScript中，控制结构是编程的核心部分，它们允许我们根据条件执行不同的代码块，或者重复执行某些代码。本文将详细介绍JavaScript中的条件语句和循环结构，包括它们的优缺点、注意事项以及丰富的示例代码。

1. 条件语句

条件语句用于根据特定条件执行不同的代码块。JavaScript中主要的条件语句有if、else if、else、switch。

1.1 if 语句

if语句用于在条件为真时执行代码块。

示例代码：

let age = 18;

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

优点：

简单易懂，适合处理简单的条件判断。

缺点：

当条件较多时，代码可读性下降。

注意事项：

确保条件表达式的逻辑正确，避免出现意外的结果。

1.2 else if 和 else 语句

else if和else用于处理多个条件。

示例代码：

let score = 85;

if (score >= 90) {
    console.log("优秀");
} else if (score >= 75) {
    console.log("良好");
} else {
    console.log("及格");
}

优点：

可以处理多个条件，逻辑清晰。

缺点：

当条件过多时，可能导致代码冗长。

注意事项：

确保条件的顺序合理，以避免逻辑错误。

1.3 switch 语句

switch语句用于根据不同的值执行不同的代码块，适合处理多个相同变量的条件判断。

示例代码：

let fruit = "apple";

switch (fruit) {
    case "banana":
        console.log("这是香蕉。");
        break;
    case "apple":
        console.log("这是苹果。");
        break;
    default:
        console.log("未知水果。");
}

优点：

代码结构清晰，适合处理多个相同变量的条件。

缺点：

只适用于相等比较，无法处理复杂条件。

注意事项：

每个case后面需要使用break语句来防止“贯穿”到下一个case。

2. 循环结构

循环结构用于重复执行代码块，JavaScript中主要的循环结构有for、while、do...while。

2.1 for 循环

for循环用于在已知次数的情况下重复执行代码。

示例代码：

for (let i = 0; i < 5; i++) {
    console.log("当前计数：" + i);
}

优点：

适合处理已知次数的循环，结构清晰。

缺点：

如果循环条件不当，可能导致无限循环。

注意事项：

确保循环条件能够在某个时刻变为false，以避免无限循环。

2.2 while 循环

while循环用于在条件为真时重复执行代码。

示例代码：

let count = 0;

while (count < 5) {
    console.log("当前计数：" + count);
    count++;
}

优点：

适合处理未知次数的循环，灵活性高。

缺点：

如果条件不当，可能导致无限循环。

注意事项：

确保在循环体内有条件改变的逻辑，以避免无限循环。

2.3 do...while 循环

do...while循环与while循环类似，但它会至少执行一次循环体。

示例代码：

let count = 0;

do {
    console.log("当前计数：" + count);
    count++;
} while (count < 5);

优点：

确保循环体至少执行一次，适合需要先执行再判断的场景。

缺点：

可能导致不必要的执行，尤其是在条件不满足时。

注意事项：

确保循环条件能够在某个时刻变为false，以避免无限循环。

3. 总结

控制结构是JavaScript编程的基础，合理使用条件语句和循环结构可以提高代码的可读性和可维护性。在使用这些结构时，开发者需要注意逻辑的正确性和代码的可读性，以避免潜在的错误和性能问题。通过不断实践和总结，开发者可以更好地掌握这些控制结构，为编写高质量的JavaScript代码打下坚实的基础。