一、while()與do...while()...

循環(huán)語(yǔ)句：

? ? ? ? 通過(guò)循環(huán)語(yǔ)句可以反復(fù)執(zhí)行一段代碼多次

? ? ? ?1、while循環(huán)：

? ? ? ? - ?語(yǔ)法：

? ? ? ? ? ? while(①條件表達(dá)式){

? ? ? ? ? ? ? ? ②語(yǔ)句...

? ? ? ? ? ? }

? ? ? ? - ?while語(yǔ)句在執(zhí)行時(shí)，

? ? ? ? ? ? ?先對(duì)條件表達(dá)式進(jìn)行求值判斷，

? ? ? ? ? ? ? ? 如果值為true，則執(zhí)行循環(huán)體，

? ? ? ? ? ? ? ? ? ? 循環(huán)體執(zhí)行完畢以后，繼續(xù)對(duì)表達(dá)式進(jìn)行判斷

? ? ? ? ? ? ? ? ? ? 如果為true，則繼續(xù)執(zhí)行循環(huán)體，以此類(lèi)推

? ? ? ? ? ? ? ? 如果值為false，則終止循環(huán)

? ? ? ?2、 do...while循環(huán)

? ? ? ? - ?語(yǔ)法：

? ? ? ? ? ? do{

? ? ? ? ? ? ? ? ①語(yǔ)句。。。

? ? ? ? ? ? }while(②條件表達(dá)式)

? ? ? ? - ?執(zhí)行流程

? ? ? ? ? ? do...while語(yǔ)句在執(zhí)行時(shí)，會(huì)先執(zhí)行循環(huán)體，

? ? ? ? ? ? ? ? 循環(huán)體執(zhí)行完畢后，在對(duì)while后的條件表達(dá)式進(jìn)行判斷，

? ? ? ? ? ? ? ? 如果結(jié)果為true，則繼續(xù)執(zhí)行循環(huán)體，執(zhí)行完畢繼續(xù)判斷以此類(lèi)推

? ? ? ? ? ? ? ? 如果結(jié)果為false，則終止循環(huán)

? ? ? ? 實(shí)際上和兩個(gè)語(yǔ)句功能類(lèi)似，不同的是while是先判斷后執(zhí)行

? ? ? ? ? ? 而do...while會(huì)先執(zhí)行后判斷

? ? ? ? do...while可以保證循環(huán)體至少執(zhí)行一次，

? ? ? ? ? ? 而while不能

? ? */

案例1：

? ?var n=1;

? ?//像這種將條件表達(dá)式寫(xiě)死為true的循環(huán)，叫做死循環(huán)

? ?//該循環(huán)不會(huì)停止，除非瀏覽器關(guān)閉，死循環(huán)在開(kāi)發(fā)中慎用

? ?//可以使用break，來(lái)終止循環(huán)

// ? ?while (true) {

// ? ? ? ? alert(n++);

// ? ? ? ? if(n==10){

// ? ? ? ? //退出循環(huán)

// ? ? ? ? break;

// ? ? ? ? }

// ? ?}

  /*向頁(yè)面中輸出連續(xù)的數(shù)字document.write()*/
//    document.write(1)//     var n=1;//   document.write(n++ +'<br />');//   document.write(n++ +'<br />');//   document.write(n++ +'<br />');/*循環(huán)語(yǔ)句：通過(guò)循環(huán)語(yǔ)句可以反復(fù)執(zhí)行一段代碼多次while循環(huán)：-  語(yǔ)法：while(①條件表達(dá)式){②語(yǔ)句...}-  while語(yǔ)句在執(zhí)行時(shí)，先對(duì)條件表達(dá)式進(jìn)行求值判斷，如果值為true，則執(zhí)行循環(huán)體，循環(huán)體執(zhí)行完畢以后，繼續(xù)對(duì)表達(dá)式進(jìn)行判斷如果為true，則繼續(xù)執(zhí)行循環(huán)體，以此類(lèi)推如果值為false，則終止循環(huán)do...while循環(huán)-  語(yǔ)法：do{①語(yǔ)句。。。}while(②條件表達(dá)式)-  執(zhí)行流程do...while語(yǔ)句在執(zhí)行時(shí)，會(huì)先執(zhí)行循環(huán)體，循環(huán)體執(zhí)行完畢后，在對(duì)while后的條件表達(dá)式進(jìn)行判斷，如果結(jié)果為true，則繼續(xù)執(zhí)行循環(huán)體，執(zhí)行完畢繼續(xù)判斷以此類(lèi)推如果結(jié)果為false，則終止循環(huán)實(shí)際上和兩個(gè)語(yǔ)句功能類(lèi)似，不同的是while是先判斷后執(zhí)行而do...while會(huì)先執(zhí)行后判斷do...while可以保證循環(huán)體至少執(zhí)行一次，而while不能*/var n=1;//像這種將條件表達(dá)式寫(xiě)死為true的循環(huán)，叫做死循環(huán)//該循環(huán)不會(huì)停止，除非瀏覽器關(guān)閉，死循環(huán)在開(kāi)發(fā)中慎用//可以使用break，來(lái)終止循環(huán)
//    while (true) {
//         alert(n++);//         if(n==10){
//         //退出循環(huán)
//         break;
//         }
//    }//創(chuàng)建一個(gè)循環(huán),往往需要三個(gè)步驟//1.創(chuàng)初始化一個(gè)變量var i=11;//2.再循環(huán)中設(shè)置一個(gè)條件表達(dá)式// while (i<11) {//     // alert(i);//     //3.定義一個(gè)更新表達(dá)式，每次更新初始化變量//     // i++;//     document.write(i++ +'<br />');// }// do...while...do{document.write(i++ +'<br />');}while(i<=10)

二、for循環(huán)

? ? ?for語(yǔ)句,也是一個(gè)循環(huán)語(yǔ)句,也稱(chēng)為for循環(huán)

? ? ? ? 在for循環(huán)中,我們提供了專(zhuān)門(mén)的位置來(lái)放三個(gè)表達(dá)式:

? ? ? ? ? ? 1、初始化表達(dá)式

? ? ? ? ? ? 2、條件表達(dá)式

? ? ? ? ? ? 3、更新表達(dá)式

? ? ? ? for循環(huán)的語(yǔ)法：

? ? ? ? ? ? for(①初始化表達(dá)式;②條件表達(dá)式;④更新表達(dá)式){

? ? ? ? ? ? ? ? ③語(yǔ)句。。。

? ? ? ? ? ? }

? ? ? ? for循環(huán)的執(zhí)行流程：

? ? ? ? ? ? 1、執(zhí)行初始化表達(dá)式，初始化變量（初始化表達(dá)式只會(huì)執(zhí)行一次）

? ? ? ? ? ? 2、執(zhí)行條件表達(dá)式，判斷是否執(zhí)行循環(huán)

? ? ? ? ? ? ? ? 如果為true，則執(zhí)行循環(huán)

? ? ? ? ? ? ? ? 如果為false，終止循環(huán)

? ? ? ? ? ? 4、執(zhí)行更新表達(dá)式，更新表達(dá)式執(zhí)行完畢繼續(xù)重復(fù)②

<script>/*for語(yǔ)句,也是一個(gè)循環(huán)語(yǔ)句,也稱(chēng)為for循環(huán)在for循環(huán)中,我們提供了專(zhuān)門(mén)的位置來(lái)放三個(gè)表達(dá)式:1、初始化表達(dá)式2、條件表達(dá)式3、更新表達(dá)式for循環(huán)的語(yǔ)法：for(①初始化表達(dá)式;②條件表達(dá)式;④更新表達(dá)式){③語(yǔ)句。。。}for循環(huán)的執(zhí)行流程：1、執(zhí)行初始化表達(dá)式，初始化變量（初始化表達(dá)式只會(huì)執(zhí)行一次）2、執(zhí)行條件表達(dá)式，判斷是否執(zhí)行循環(huán)如果為true，則執(zhí)行循環(huán)如果為false，終止循環(huán)4、執(zhí)行更新表達(dá)式，更新表達(dá)式執(zhí)行完畢繼續(xù)重復(fù)②*///創(chuàng)建一個(gè)執(zhí)行10次的while循環(huán)//初始化表達(dá)式
//    var i=0;
//    //創(chuàng)建一個(gè)循環(huán)，定義條件表達(dá)式
//    while (i<10) {
//         //設(shè)置更新表達(dá)式
//         alert(i++);
//    }// for循環(huán)// for(var i=0;i<10;i++){//     alert(i);// }// for循環(huán)中的三個(gè)部分都可以省略，也可以寫(xiě)在外部// 如果在for循環(huán)中不寫(xiě)任何表達(dá)式，只寫(xiě)兩個(gè);//此時(shí)循環(huán)是一個(gè)死循環(huán)會(huì)一直執(zhí)行下去，慎用// for(;;){//     alert('hello')// }
</script>

案例1：while()...

<script>/*加入投資的年利率為5%，試求從1000塊增長(zhǎng)到5000塊，需要花費(fèi)多少年提示：1000 1000*1.051050 1050*1.05*///定義一個(gè)變量來(lái)表示當(dāng)前的錢(qián)數(shù)var money=1000;//定義一個(gè)計(jì)數(shù)器var count=0;//定義一個(gè)while()循環(huán)來(lái)計(jì)算每年的錢(qián)數(shù)while (money<5000) {money =money*1.05;console.log(money);//使count自增count++;}console.log('一共需要'+count+'年');//第一年
//    money *= 1.05;
//    //第二年
//    money *= 1.05;
//    console.log(money);
</script>

案例二、for()...

<script>/*打印1-100之間所有奇數(shù)之和*/
//   1、打印1-100之間的數(shù)
//  創(chuàng)建一個(gè)變量，用來(lái)保存奇數(shù)之和var sum=0;for(var i=1;i<=100;i++){//判斷i是否是奇數(shù)//不能被二整除的數(shù)就是奇數(shù)if(i % 2 != 0){//如果i除以2有余數(shù)則證明i是奇數(shù)console.log(i);sum=sum+i;}}console.log('奇數(shù)之和為：'+sum);
</script>