javaScript（三）：javaScript 流程控制

1、if 条件判断语句

if 语句是一种在编程中用于进行条件判断的控制结构

它的基本形式是：

if (条件表达式) {
// 代码块;
}
let age = 23;
if (age >= 18){
    document.write("成年人" + "<br/>");
}

这里的”条件”是一个布尔表达式，用于判断是否满足某个条件。如果条件为真，那么执行代码块中的语句；如果条件为假，则跳过代码块。

除了基本的 if 语句外，还可以使用 if-else 结构和 if-elif-else 结构来进行更复杂的条件判断。

if-else 结构的语法如下：

if (条件表达式) {
// 代码块;
} else {
// 代码块;
}

let age = 23;
if (age >= 18){
    document.write("成年人" + "<br/>");
} else {
    document.write("未成年人" + "<br/>");
}

在这种情况下，如果条件为真，则执行代码块 1；如果条件为假，则执行代码块 2。

if-elif-else 结构是在 if-else 结构的基础上增加了多个 elif 条件，用于进行更多的条件判断。

它的语法如下：

if (条件表达式) {
    // 代码块;
} else if(条件表达式) {
    // 代码块;
} else {
    // 代码块;
}

在这种情况下，如果条件 1 为真，则执行代码块 1；如果条件 1 为假，而条件 2 为真，则执行代码块 2；如果既条件 1 又条件 2 都为假，则执行代码块 3。

通过 if 语句，可以根据不同的条件执行不同的代码，从而实现更灵活的控制流程。

if 语句条件表达式除了支持 boolean 类型表达式，还支持非 boolean 类型表达式

数据类型	为真	为假
number	非 0	0
string	非空字符串	空字符串
undefined		假
NaN(Not a Number)		假
object	对象不为 null	null

2、switch 选择语句

switch 语句是一种在多种情况下执行不同操作的条件语句

它通常用于替代一系列的 if 语句。语法格式如下

switch (变量名) {
   case 常量值:
      break;
   case 常量值：
      break;
   default:
       break;
}

==代码演示：==

// switch: 判断分数：10分优良，9分及格，8分以下不及格
let score = 8;
switch (score){
    case 10:
        document.write("优良" + "<br/>");
        break;
    case 9:
        document.write("及格" + "<br/>");
        break;
    default:
        document.write("不及格" + "<br/>");
        break;
}

3、循环结构

什么是循环结构

循环结构是程序设计中一种重要的控制结构，它用于反复执行特定的代码块，直到满足某个条件才停止循环。常见的循环结构有以下几种：

for 循环：for 循环是最常用的循环结构之一，它通过指定循环变量的初始值、终止条件和每次迭代时的变化步长来控制循环次数。例如，可以使用 for 循环遍历数组或执行特定次数的操作。
while 循环：while 循环在执行循环体之前先判断一个条件表达式，只有当条件表达式为真时，才会执行循环体，否则跳出循环。这种循环适用于在未知条件下循环执行操作，直到条件满足为止。
do-while 循环：do-while 循环与 while 循环类似，但它的判断条件在循环体执行之后进行判断。也就是说，无论条件是否满足，循环体至少会执行一次。

在使用循环结构时，需要注意循环条件的设置以及在循环体内部对循环变量的操作，以确保循环能够正确执行并避免死循环的发生。

3.1、while 循环语句

while 循环语句语法(条件为 true 时循环)

语句格式：

while (条件表达式) {
    需要执行的代码;
}

// while: 打印1-10
let num = 1;
while (num <= 10){
    document.write(num + "<br/>")
    num++; //要注意这个++，不然会进入死循环
}

3.2、do…while 循环语句

do-while 循环语法(最少执行 1 次循环)

JavaScript 的do...while循环是一种基本的循环语句，它的语法结构是：

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

do...while循环先执行一次循环体内的代码，然后判断condition条件是否为真，如果为真，则继续执行循环体内的代码，以此类推，直到condition的值为假才结束循环。

do...while 循环和 while 循环的区别在于，do...while 循环体内的代码至少会执行一次，即使循环条件的判断结果为 false。

下面是一个简单的例子，使用 do...while 循环来计算 1 到 10 的和：

var sum = 0;
var i = 1;
do {
  sum += i;
  i++;
} while (i <= 10);
console.log(sum); // 输出55

在上面的例子中，do...while 循环会至少执行一次，即先执行 sum += i; 和 i++; 语句，然后再判断 i 的值是否小于等于 10，只要满足条件就继续执行循环体的代码，直到 i 的值大于 10 时，do...while 循环结束。

3.3、for 循环

JavaScript 的 for 循环是一种最常用的循环结构

它具有灵活、简洁、高效等特点，通常用于循环次数已知的情况。其语法结构如下：

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

for 循环的执行过程如下：

执行一次初始化表达式 initialization，一般用于初始化循环计数器等变量；
判断循环条件 condition 是否为真，如果为真，则执行循环体内的代码，否则结束循环；
执行一次增量表达式 increment，一般用于增加循环计数器等变量的值；
再次判断循环条件 condition 是否为真，如果为真，则重复执行循环体内的代码，否则结束循环。

下面是一个简单的例子，使用 for 循环来计算 1 到 10 的和：

var sum = 0;
for (var i = 1; i <= 10; i++) {
  sum += i;
}
console.log(sum); // 输出55

在上面的例子中，for 循环的 initialization 表达式初始化了一个循环计数器变量 i，condition 表达式判断循环计数器变量 i 是否小于等于 10，increment 表达式用于将循环计数器 i 的值加一，每次执行循环体内的 sum += i; 语句，最终输出 sum 的值为 55。

3.4、break 和 continue

break 和 continue 都是用于控制循环执行流程的关键字。

break 关键字通常用于在循环内部某个条件满足时，强制跳出循环，不再执行循环内下面的语句，执行后面的代码

var num = 1;

while (true) {
  if (num % 3 === 0) {
    console.log("找到了能被3整除的第一个正整数：" + num);
    break;
  }
  num++;
}

在这个例子中，我们使用 while 循环来递增地尝试每一个正整数，如果找到了能被 3 整除的第一个正整数，使用 break 跳出循环并输出结果。注意到循环条件为 true，所以该循环会一直执行下去，直到找到满足条件的数才跳出。

使用 continue 来忽略一些特定条件的情况

以输出 1 至 10 之间的奇数为例，我们可以使用 continue 来跳过偶数：

for (var i = 1; i <= 10; i++) {
  if (i % 2 === 0) {
    continue; // 如果 i 是偶数，则跳过当前循环的剩余部分
  }
  console.log(i); // 这行代码只有 i 是奇数时才会执行
}

在这个例子中，我们使用 for 循环从 1 遍历到 10。当 i 为偶数时（即 i 除以 2 的余数为 0），continue 语句将被执行，这会导致循环立即继续至下一次迭代，忽略 console.log(i) 语句。所以，只有当 i 是奇数时，console.log(i) 语句才会被执行，并且输出 i 的值。