JavaScript教程

循环语句(for、while、do-while)

Preview
  • JavaScript的循环语句(for、while、do-while)
  • for循环
  • while循环
  • do-while循环
  • 循环控制语句
  • 总结

JavaScript的循环语句(for、while、do-while)

在JavaScript中,循环语句是非常重要的一部分,它们可以让我们重复执行某些代码,从而达到节省时间和精力的目的。JavaScript中的循环语句主要包括for、while和do-while三种。

for循环

for循环是JavaScript中最常用的循环语句之一,它的语法如下:

for (初始化表达式; 条件表达式; 更新表达式) {
  // 循环体代码
}

其中,初始化表达式在循环开始前执行一次,可以用来定义循环变量;条件表达式在每次循环开始前判断,如果为true,则继续执行循环体代码;更新表达式在每次循环结束后执行,可以用来更新循环变量的值。

下面是一个简单的for循环的例子,它会输出从1到10的数字:

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

while循环

while循环是一种基于条件判断的循环语句,它的语法如下:

while (条件表达式) {
  // 循环体代码
}

在每次循环开始前,都会先判断条件表达式的值,如果为true,则执行循环体代码,否则退出循环。

下面是一个简单的while循环的例子,它会输出从1到10的数字:

var i = 1;
while (i <= 10) {
  console.log(i);
  i++;
}

do-while循环

do-while循环与while循环非常相似,但它是一种后测试循环语句,它的语法如下:

do {
  // 循环体代码
} while (条件表达式);

在每次循环结束后,都会先判断条件表达式的值,如果为true,则继续执行循环体代码,否则退出循环。不同于while循环,do-while循环保证循环体代码至少会执行一次。

下面是一个简单的do-while循环的例子,它会输出从1到10的数字:

var i = 1;
do {
  console.log(i);
  i++;
} while (i <= 10);

循环控制语句

在循环中,我们还可以使用循环控制语句来控制循环的执行流程,主要包括break和continue两种。

  • break语句可以用来立即退出循环,不再执行循环体代码,跳出循环。
  • continue语句可以用来跳过本次循环,继续执行下一次循环。

下面是一个使用break和continue语句的例子:

for (var i = 1; i <= 10; i++) {
  if (i === 5) {
    break; // 退出循环
  }
  if (i === 3) {
    continue; // 跳过本次循环
  }
  console.log(i);
}

总结

JavaScript中的循环语句包括for、while和do-while三种,它们都可以用来重复执行某些代码。在循环中,我们还可以使用循环控制语句来控制循环的执行流程。熟练掌握这些循环语句和循环控制语句,可以让我们更加高效地编写JavaScript代码。