循环结构

• 循环结构

当循环结构

while循环结构:   while(condition){code...}

var a=10;
while(a<10){
    a++;
    document.write(a);
}

直到型循环结构

do {

     code...

}  while(condition);

var a = 4;
do{
    document.write(a);//至少循环一次
    a++;
}while(a<10);

while和do... while的区别

执行顺序不一样，do...while至少执行一次，而while有可能一次都不会执行

for循环语法

for(var i=0;i<10;i++)//第一个语句是用来初始化变量，可以初始化一个或者多个；第二个是一个条件；第三个语句是让变量不断地变化{

code...

}

for( var i = 4;i<10;i++){
    document.write(i)
}

for循环的执行顺序

       第1步：声明变量i = 0;
第2步：判断条件i < 4，条件成立执行第三步，不成立则退出循环
第3步：执行代码块。
第4步：执行i++
第5步：判断条件，i < 4，条件成立执行第6步，不成立则退出循环
第6步：执行代码块。
第7步：执行i++
第8步：判断条件，i < 4，条件成立执行第9步，不成立则退出循环

for循环的嵌套

for(var i=1;i<=5;i++){
    for(var j=1;j<=4;j++){
        document.write(i*j+'、');
    }
    document.write('<br/>');
}//循环的嵌套是外层循环每执行一次内层循环都要完整的执行完才能进入到下一个外层循环

break和continue的用法和区别

//break的用法
for(var i=1;i<10;i++){
    if(i===5){
        break;
    }
    document.write(i);
}

结果为：1234；break终止了这个循环之后的代码相当于代码断路了

for(var i = 1;i<=10;i++){
	if(i===5){
		continue;
	}
	document.write(i);
}

continue跳过了当i===5这个条件执行了后面的代码

区别：break终止循环，continue跳过循环

相同点：都不会执行后面的代码

跳过或者终止指定的循环（扩展，仅做了解）

outer:for(var i=1;i<=5;i++){
    for(var j=1;j<=4;j++){
        document.write(i*j+',');
        if(i==2 && j==3){
            break outer;//指定在i=2且j=3的时候跳出循环，这个outer代表跳出外层循环
        }
    }
    document.write('<br/>');
}

指定在第二行第三个终止循环，后面的代码不执行，加一个outer则跳出了外层循环