循環結構

• 循環結構

當循環結構

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則跳出了外層循環