javascript几种循环 javascript循环语句

文章目录

• 循环语句

• 1. 循环

• 1.1. 循环说明
• 1.2. 循环步骤

• 2. while循环

• 2.1. 语法：
• 2.2. 执行流程

• 3. do...while循环

• 3.1. 语法：
• 3.2. 执行流程

• 4. while和do...while比较
• 5. for循环

• 5.1. 说明
• 5.2. for循环的语法：
• 5.3. 执行流程
• 5.4. 补充简写

循环语句

var i = 11;
do{
  document.write(i++ +"<br />");
}while(i <= 10);

while(true){
  alert(1);
}

通过循环语句可以反复的执行一段代码多次

1. 循环

1.1. 循环说明

var n = 1;
while(true){
  alert(n++);
  
  //判断n是否是10
  if(n == 10){
    //退出循环
    break;
  }  
}

1. 像这种将条件表达式写死为true的循环叫死循环
2. 该循环不会停止，除非浏览器关闭，死循环在开发中慎用
3. 可以使用break来终止循环

1.2. 循环步骤

while(var i = 11; i <= 10){
  alert(i);
  document.write(n++"<br />")
}

创建一个循环，往往需要三个步骤

1. 初始化一个变量

var i = 11;

2. 在循环中设置一个条件表达式

while(i <= 10){
  alert(i);
}

3. 定义一个更新表达式，每次更新初始化变量

document.write(n++"<br />")

2. while循环

2.1. 语法：

while(条件表达式){ 
  语句...
}

2.2. 执行流程

1. while语句在执行时，先对条件表达式进行求值判断

• 如果值为true，则执行循环体

2. 循环体执行完毕以后，继续对表达式进行判断

• 如果为true，则继续执行循环体，以此类推
• 如果值false，则终止循环

3. do…while循环

3.1. 语法：

do{   
  语句。。。
}while(条件表达式)

3.2. 执行流程

1. do…while语句在执行时，会先执行循环体
2. 循环体执行完毕以后，在对while后的条件表达式进行判断

• 如果结果为true，则继续执行循环体，执行完毕继续判断以此类推
• 如果结果为false，则终止循环

4. while和do…while比较

1. 实际上这两个语句功能类似，不同的格式while是先判断后执行

• 而do…while会先执行后判断

2. do…while可以保证循环体至少执行一次

• 而while不能

5. for循环

//创建一个执行10次的while循环
//初始化表达式
/* var i = 0;

//创建一个循环，定义条件表达式
while(i < 10){
	//设置更新表达式
	alert(i++);
} */

 for(var i = 0 ; i < 10 ; i++ ){
	alert(i);
}

5.1. 说明

1. for语句也是一个循环语句,也称为for循环
2. 在for循环中，为我们提供了专门的位置用来放三个表达式：

• 初始化表达式
• 条件表达式
• 更新表达式

5.2. for循环的语法：

for(①初始化表达式;②条件表达式;④更新表达式){
  ③语句...
}

5.3. 执行流程

//创建一个循环，定义初始化表达式和条件表达式
while(var i = 0;i < 10){
	//设置更新表达式
	alert(i++);
}

1. ①执行初始化表达式，初始化变量(初始化执行式只会执行一次)
2. ②执行条件表达式，判断是否执行循环

• 如果为true，则执行循环
• 如果为false，终止循环

3. ④执行更新表达式，更新表达式执行完毕继续重复②

5.4. 补充简写

1. for循环中的三个部分都可以省略，也可以写在外部
2. 如果在for循环中不写任何的表达式，只写两个;
3. 此时的循环是一个死循环会一直执行下去，慎用

for(;;;){
	alert("hello");
}