返回

JS的流程控制:用条件判断和循环让你的代码更聪明

前端

JS中的流程控制

JavaScript中的程序是从上到下一行一行执行的。通过流程控制语句可以控制程序执行流程,使程序可以根据一定的条件来选择执行语句。

流程控制语句的分类:

  • 条件判断语句:用于判断一个条件是否成立,并根据条件结果执行不同的语句。
  • 条件分支语句:用于根据条件结果选择执行不同的代码块。
  • 循环语句:用于重复执行一段代码块。

条件判断语句

条件判断语句是用来判断一个条件是否成立,并根据条件结果执行不同的语句。JavaScript中的条件判断语句有以下几种:

  • if语句:用于判断一个条件是否成立,如果成立则执行一段代码块。
  • else if语句:用于判断另一个条件是否成立,如果成立则执行一段代码块。
  • else语句:用于判断所有条件都不成立时执行一段代码块。
  • switch语句:用于根据一个变量的值来选择执行不同的代码块。

以下是一个条件判断语句的示例:

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

在这个示例中,if语句判断变量age的值是否大于或等于18。如果成立,则执行console.log("你已成年。")语句;否则,执行console.log("你未成年。")语句。

条件分支语句

条件分支语句是用来根据条件结果选择执行不同的代码块。JavaScript中的条件分支语句有以下几种:

  • if语句:用于判断一个条件是否成立,如果成立则执行一段代码块。
  • else if语句:用于判断另一个条件是否成立,如果成立则执行一段代码块。
  • else语句:用于判断所有条件都不成立时执行一段代码块。
  • switch语句:用于根据一个变量的值来选择执行不同的代码块。

以下是一个条件分支语句的示例:

switch (fruit) {
  case "apple":
    console.log("苹果");
    break;
  case "banana":
    console.log("香蕉");
    break;
  case "orange":
    console.log("橘子");
    break;
  default:
    console.log("其他水果");
}

在这个示例中,switch语句根据变量fruit的值来选择执行不同的代码块。如果fruit的值是"apple",则执行console.log("苹果")语句;如果fruit的值是"banana",则执行console.log("香蕉")语句;如果fruit的值是"orange",则执行console.log("橘子")语句;否则,执行console.log("其他水果")语句。

循环语句

循环语句是用来重复执行一段代码块。JavaScript中的循环语句有以下几种:

  • while循环:用于重复执行一段代码块,直到一个条件不成立。
  • do while循环:用于重复执行一段代码块,直到一个条件不成立,但至少执行一次。
  • for循环:用于重复执行一段代码块,指定次数或直到一个条件不成立。

以下是一个循环语句的示例:

for (var i = 0; i < 10; i++) {
  console.log(i);
}

在这个示例中,for循环重复执行console.log(i)语句10次。