介紹循環(huán)之前，首先要說一下同樣很重要的if-else結構，switch-case結構

①if-else結構 if(判斷條件) { 條件為true時執(zhí)行 } else{ 條件為false時執(zhí)行 } ②if-else-if結構(階梯if) if(條件一){ 條件一成立 } else if( 條件二){ 條件一不成立&&條件二成立 （else-if部分可以有多個） } else{ 條件一不成立&&條件二不成立 } ③嵌套if結構 結構寫法 if（條件一）{ 條件一成立 if（條件二）{ } else{ 條件一成立&&條件二不成立 } } else{ 條件一不成立 } 要注意的是 if()中的表達式，運算之后結果應該是 ①boolean： true為真，false為假 ②string： 非空字符串為真，空字符串為假 ③null / NaN /Undefined 全為假 ④object類型 全為真 ⑤number： 0為假，非零為真 Switch-Case結構 1.．結構寫法： switch（表達式）{ case 常量表達式1： 語句一； break； case 表達式2： 語句二； break； ....... default： 語句N } 2.注意事項： ①switch（）中的表達式以及每個case后的表達式，可以為任何JS支持的數(shù)據(jù)類型（對象和數(shù)組除外） ②case后邊的所有常量表達式必須各不相同，否則，只會執(zhí)行第一個。 ③case后的常量可以是任何數(shù)據(jù)類型；同一個switch結構的不同case，可以是多種不同的數(shù)據(jù)類型； ④switch在進行判斷的時候，采用的是全等＝＝＝判斷 ⑤break；執(zhí)行完case代碼后，跳出當前switch結構。 若缺少break：從正確的case項開始，依次執(zhí)行所有的case和default ⑥switch結構在判斷時，只會判斷一次正確答案。當遇到正確的case項后，將不會再判斷后續(xù)項。依次往下執(zhí)行 用法示例：輸入一個月份，判斷屬于哪個季度 var mon=Number(prompt("請輸入月份：")); switch(parseInt((mon-1)/3)){case 0:document.write("第一季度");break;case 1:document.write("第er二季度");break;case 2:document.write("第三季度");break;case 3:document.write("第四季度");break;}

?

好了，下邊就是要說的非常重要的循環(huán)了；首先來說一下while循環(huán) 【循環(huán)結構的步驟】 ①聲明循環(huán)變量 ②判斷循環(huán)條件 ③執(zhí)行循環(huán)體（while大括號中的所有代碼）操作 ④改變循環(huán)變量 ⑤循環(huán)執(zhí)行②③④ 【JS中循環(huán)條件支持的數(shù)據(jù)類型】 支持JS中的所有類型 ①boolean： true為真，false為假 ②string： 非空字符串為真，空字符串為假 ③null / NaN /Undefined 全為假 ④object類型 全為真 ⑤number： 0為假，非零為真 至于do-while循環(huán)： 先執(zhí)行，再判斷；即便條件不成立，也先執(zhí)行一次。 最后來說一下最常用的 for循環(huán) for（初始化循環(huán)變量；循環(huán)條件；修改循環(huán)變量的值）{ } for循環(huán)有三個表達式①定義循環(huán)變量②判斷循環(huán)條件③更新循環(huán)變量，之間用分號隔開。 三個表達式可省略，但分號不可省略 特點：先判斷，再執(zhí)行 ②for循環(huán)三個表達式均可以由多部分組成，中間用逗號分隔。但第二部分判斷要用&&連接，最終結果需要為真/假 例如： for（n=1,j=5; n<=5; n++,j--）{ } 循環(huán)控制語句 1.break：終止本層循環(huán)，繼續(xù)進行循環(huán)后邊的語句。 當eak只循環(huán)有多層時，br會跳過一層循環(huán) 2.continue：跳過本次循環(huán)，繼續(xù)執(zhí)行下次循環(huán) 對于for循環(huán)，continue執(zhí)行后，繼續(xù)執(zhí)行循環(huán)變量更新語句n++ 對于while do-while，continue執(zhí)行后，繼續(xù)執(zhí)行循環(huán)條件判斷；所以在這兩個循環(huán)中使用時，必須注意：continue一定要在n++后邊使用 【循環(huán)嵌套】 外層循環(huán)轉一次，內(nèi)層循環(huán)轉一圈 下邊我們做個經(jīng)典的圖形題：用*打印一個菱形 var f,g;for(f=1;f<=4;f++){for(g=1;g<=4-f;g++){document.write("&nbsp");}for(g=1;g<=2*f-1;g++){document.write("*");}document.write("<br />");}for(f=4;f>0;f--){for(g=4-f;g>=0;g--){document.write("&nbsp");}for(g=2*f-4;g>=0;g--){document.write("*")}document.write("<br />");}

?

簡單總結一下： 【嵌套循環(huán)特點】 外層循環(huán)控制行數(shù)，內(nèi)層循環(huán)控制每行元素個數(shù) 【圖形題思路】 1.確定圖形一共幾行，即為外層循環(huán)次數(shù)； 2.確定每行有幾種元素，代表有幾個內(nèi)層循環(huán)； 3.每種元素有幾個，即為每個內(nèi)層循環(huán)的次數(shù)；（通常找出每種元素個數(shù)與行號的關系式，即為當前內(nèi)層循環(huán)的最大值（從一開始））

轉載于:https://www.cnblogs.com/cherishli/p/6681838.html

總結

以上是生活随笔為你收集整理的JS基础——循环很重要的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。