JavaScript的迴圈結構和經典題目

標籤：doc   串連   write   迴圈   nbsp   text   相同   while   進入   

一、JS中的迴圈結構

迴圈結構的執行步驟
1、聲明迴圈變數；
2、判斷迴圈條件;
3、執行迴圈體操作；
4、更新迴圈變數；
5、然後迴圈執行2-4，直到條件不成立，跳出迴圈。

while迴圈()中的運算式，運算結果可以是各種類型，但是最終都會轉為真假，轉換規則同if結構。代碼如下：

var num = 1;

while (num<=10){//2、判斷迴圈條件;
document.write(num+"<br />");//3、執行迴圈體操作；
num++;//4、更新迴圈變數；
}


while迴圈特點：先判斷後執行；
do-while迴圈：先執行再判斷，即使初始條件不成立，do-while迴圈至少執行一次；代碼如下

var num = 10;

do{
document.write(num+"<br />");
num--;
}while(num>=0);

document.write(num);

for迴圈
1、for有三個運算式：①聲明迴圈變數；②判斷迴圈條件；③更新迴圈變數；
三個運算式之間，用;分割，
for迴圈三個運算式都可以省略，但是兩個;缺一不可。
2、for迴圈的執行特點：先判斷再執行，與while相同

3、for迴圈三個運算式都可以有多部分組成，第二部分多個判斷條件用&& ||串連，第一三部分用逗號分割；代碼如下：

for (var num =1; num<=10; num++) {
document.write(num+" <br />");
}


迴圈控制語句
1、break：跳出本層迴圈，繼續執行迴圈後面的語句。
如果迴圈有多層，則break只能跳出一層。
2、continue：跳過本次迴圈剩餘的代碼，繼續執行下一次迴圈。
①對與for迴圈，continue之後執行的語句，是迴圈變數更新語句i++；
②對於while、do-while迴圈，continue之後執行的語句，是迴圈條件判斷；
因此，使用這兩個迴圈時，必須將continue放到i++之後使用，否則，continue將跳過i++進入死迴圈。代碼如下：

var i=1;
while (i<=20){

document.write(i+"<br />");
i++;
}
document.write("迴圈結束");

二、求水仙花數（三位元）

while迴圈寫法，代碼如下：

var i=100,a,b,c;

while (i<=999){
　　a=parseInt(i/100);
　　b=parseInt(i%100/10);
　　c=parseInt(i%10);
　　if(a*a*a+b*b*b+c*c*c==i) document.write(i+"<br />");
　　i++;
}

for迴圈寫法，代碼如下：

for(var i=100,a,b,c;i<=999;i++){

　　a=parseInt(i/100);
　　b=parseInt(i%100/10);
　　c=parseInt(i%10);
　　if(a*a*a+b*b*b+c*c*c==i) document.write(i+"<br />");

}

運行結果：

三、斐波那切數列

while迴圈，代碼如下：

 

var a = 1;

var b = 1;

var i = 1;

var c;

document.write(a+","+b+",");
while (i<=10){
　　c=a+b;
　　a=b;
　　b=c;

　　i++;
　　document.write(c+",");
}

for迴圈，代碼如下：

var a = 1;
var b = 1;
var c;
document.write(a+","+b+",");

for(var i =1;i<=10;i++){

　　c=a+b;

　　a=b;

　　b=c;

　　i++;

　　document.write(c+",");

}

運行結果：

 

JavaScript的迴圈結構和經典題目