解析 JavaScript 分支语句，掌控代码执行走向

2023-10-30 02:19:46

揭秘 JavaScript 分支语句的奥秘

在软件开发的世界中，程序员需要编写代码来指导计算机执行一系列任务。当遇到需要根据特定条件来决定代码执行路径的情况时，分支语句就派上用场了。JavaScript 分支语句允许程序员根据条件来控制代码的执行流程，从而实现更加灵活和强大的代码逻辑。

一、循序渐进，认识 if 语句

if 语句是最基本的分支语句，用于根据条件来决定是否执行代码块。它的语法格式如下：

if (condition) {
  // code to be executed if condition is true
}

例如，以下代码使用 if 语句来判断一个数字是否大于 10：

let number = 15;

if (number > 10) {
  console.log("The number is greater than 10.");
}

当 number 的值为 15 时，if 语句中的条件为 true，因此代码块将被执行，控制台会输出 "The number is greater than 10."。

二、深入探索 else 语句

else 语句用于在 if 语句的条件不满足时执行另一段代码块。它的语法格式如下：

if (condition) {
  // code to be executed if condition is true
} else {
  // code to be executed if condition is false
}

例如，以下代码使用 if else 语句来判断一个数字是偶数还是奇数：

let number = 11;

if (number % 2 === 0) {
  console.log("The number is even.");
} else {
  console.log("The number is odd.");
}

当 number 的值为 11 时，if 语句中的条件为 false，因此 else 语句中的代码块将被执行，控制台会输出 "The number is odd."。

三、拓展视野，认识 else if 语句

else if 语句用于在 if 语句的条件不满足时，根据另一个条件来决定是否执行代码块。它的语法格式如下：

if (condition1) {
  // code to be executed if condition1 is true
} else if (condition2) {
  // code to be executed if condition2 is true
} else {
  // code to be executed if both conditions are false
}

例如，以下代码使用 if else if else 语句来判断一个数字是正数、负数还是零：

let number = 0;

if (number > 0) {
  console.log("The number is positive.");
} else if (number < 0) {
  console.log("The number is negative.");
} else {
  console.log("The number is zero.");
}

当 number 的值为 0 时，if 语句和 else if 语句中的条件都不满足，因此 else 语句中的代码块将被执行，控制台会输出 "The number is zero."。

四、灵活运用 switch 语句

switch 语句用于根据一个变量的值来执行不同的代码块。它的语法格式如下：

switch (variable) {
  case value1:
    // code to be executed if variable is equal to value1
    break;
  case value2:
    // code to be executed if variable is equal to value2
    break;
  default:
    // code to be executed if variable is not equal to any of the above values
}

例如，以下代码使用 switch 语句来根据一个字符串的值来执行不同的代码块：

let color = "red";

switch (color) {
  case "red":
    console.log("The color is red.");
    break;
  case "green":
    console.log("The color is green.");
    break;
  case "blue":
    console.log("The color is blue.");
    break;
  default:
    console.log("The color is not red, green, or blue.");
}

当 color 的值为 "red" 时，switch 语句中的第一个 case 语句的条件为 true，因此第一个代码块将被执行，控制台会输出 "The color is red."。

五、掌控跳出循环的 break 语句

break 语句用于跳出循环或 switch 语句。它的语法格式如下：

break;

例如，以下代码使用 break 语句来跳出 while 循环：

let i = 0;

while (i < 10) {
  console.log("The value of i is " + i);
  if (i === 5) {
    break;
  }
  i++;
}

当 i 的值为 5 时，while 循环中的 if 语句的条件为 true，因此 break 语句将被执行，循环将被跳出，控制台会输出 "The value of i is 5."。

六、巧用 continue 语句，控制循环执行

continue 语句用于跳过循环的当前迭代，并继续执行循环的下一迭代。它的语法格式如下：

continue;

例如，以下代码使用 continue 语句来跳过偶数的迭代：

let i = 0;

while (i < 10) {
  if (i % 2 === 0) {
    continue;
  }
  console.log("The value of i is " + i);
  i++;
}

当 i 的值为 2、4、6、8 时，while 循环中的 if 语句的条件为 true，因此 continue 语句将被执行，循环的当前迭代将被跳过，控制台不会输出任何内容。当 i 的值为 1、3、5、7、9 时，if 语句的条件为 false，因此循环的当前迭代将被执行，控制台会输出 "The value of i is 1"、"The value of i is 3"、"The value of i is 5"、"The value of i is 7" 和 "The value of i is 9"。