在前端开发中，JavaScript是一种常用的脚本语言，它可以为网页增加交互性和动态性。条件语句和循环是JavaScript中的重要概念，通过使用它们，我们可以根据不同的条件执行不同的代码块，或者重复执行一段代码。
条件语句
条件语句用于根据不同的条件执行不同的代码块。JavaScript中有几种条件语句，其中最常用的是if语句和switch语句。
if语句
if语句是最简单的条件语句，它根据一个表达式的真假来决定执行哪个代码块。if语句的语法如下：
if (condition) {
// 如果条件为真，则执行这里的代码块
} else {
// 如果条件为假，则执行这里的代码块
}
我们可以使用if语句来判断一个变量是否满足某个条件，然后根据不同的结果执行不同的逻辑。
let age = 18;
if (age >= 18) {
console.log("你已经成年了！");
} else {
console.log("你还未成年！");
}
switch语句
switch语句可以根据表达式的值来选择执行不同的代码块。它的语法如下：
switch (expression) {
case value1:
// 如果表达式的值等于value1，执行这里的代码块
break;
case value2:
// 如果表达式的值等于value2，执行这里的代码块
break;
default:
// 如果表达式的值既不等于value1也不等于value2，执行这里的代码块
break;
}
switch语句的简洁之处在于，我们可以在case语句中使用多个条件，而不需要使用多个if-else语句。
let day = "Monday";
switch (day) {
case "Monday":
console.log("今天是星期一");
break;
case "Tuesday":
case "Wednesday":
console.log("今天是星期二或星期三");
break;
default:
console.log("今天不是星期一、二、三");
break;
}
循环
循环是一种重复执行一段代码的结构，它可以让我们用更少的代码处理大量重复的任务。在JavaScript中，循环有多种形式，包括for循环、while循环和do-while循环。
for循环
for循环是最常用的循环形式，它可以指定循环的初始条件、循环条件和每次循环后的增量。for循环的语法如下：
for (initialization; condition; increment) {
// 循环体的代码块
}
在for循环中，初始化表达式会在循环开始前执行一次，然后每次循环开始时都会检查条件表达式的值，只有当条件为真时，才会执行循环体的代码块。最后，增量表达式会在每次循环结束后执行。
for (let i = 0; i < 5; i++) {
console.log(i);
}
while循环
while循环会在每次循环开始之前检查条件表达式的值，只有当条件为真时，才会执行循环体的代码块。while循环的语法如下：
while (condition) {
// 循环体的代码块
}
在while循环中，只有当条件为真时，代码块才会被执行。如果条件一开始就为假，则代码块不会被执行。为了避免出现无限循环，我们需要确保在循环体内部能够修改条件的值，从而在某个时刻使条件为假。
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
do-while循环
do-while循环与while循环类似，只是在循环条件的检查之前，会先执行一次循环体的代码块。do-while循环的语法如下：
do {
// 循环体的代码块
} while (condition);
do-while循环至少会执行一次循环体的代码块，然后在每次循环开始之前检查条件的值。
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
总结
JavaScript中的条件语句和循环是前端开发中非常重要的概念。通过使用条件语句，我们可以根据不同的条件执行不同的代码块。循环可以帮助我们重复执行一段代码，从而提高效率。通过掌握条件语句和循环的基本语法，我们可以更好地编写前端页面的逻辑，并提供更好的用户体验。
本文来自极简博客，作者：算法之美，转载请注明原文链接：JavaScript中的条件语句和循环
