好程序員web前端培訓分享JavaScript學習筆記之循環結構

　　好程序員web 前端培訓分享 JavaScript 學習筆記之循環結構，循環結構， 就是根據某些給出的條件，重復的執行同一段代碼

　　 循環必須要有某些固定的內容組成

　　 初始化

　　 條件判斷

　　 要執行的代碼

　　 自身改變

WHILE 循環

·  while ，中文叫 當… 時，其實就是當條件滿足時就執行代碼，一旦不滿足了就不執行了

·  語法  while (條件) { 滿足條件就執行 }

·  因為滿足條件就執行，所以我們寫的時候一定要注意，就是設定一個邊界值，不然就一直循環下去了

// 1. 初始化條件 var   num   =   0 ; // 2. 條件判斷 while   (num   <   10 )   {

// 3. 要執行的代碼 console.log( '當前的 num 的值是 '   +   num)

// 4. 自身改變   num   =   num   +   1 }

·  如果沒有自身改變，那么就會一直循環不停了

DO WHILE 循環

·  是一個和  while   循環類似的循環

·  while   會先進行條件判斷，滿足就執行，不滿足直接就不執行了

·  但是  do while   循環是，先不管條件，先執行一回，然后在開始進行條件判斷

·  語法：  do { 要執行的代碼 } while (條件)

// 下面這個代碼，條件一開始就不滿足，但是依舊會執行一次 do 后面 {} 內部的代碼 var   num   =   10   do   {

console.log( '我執行了一次' )  

         num   =   num   +   1 }   while   (num   <   10 )

FOR 循環

·  和  while   和   do while   循環都不太一樣的一種循環結構

·  道理是和其他兩種一樣的，都是循環執行代碼的

·  語法：  for (var i = 0; i < 10; i++) { 要執行的代碼 }

// 把初始化，條件判斷，自身改變，寫在了一起   for   ( var   i   =   1 ;   i   <=   10 ;   i ++ )   {

// 這里寫的是要執行的代碼 console.log(i)} // 控制臺會依次輸出 1 ~ 10

·  這個只是看起來不太舒服，但是用起來比較好用

BREAK 終止循環

·  在循環沒有進行完畢的時候，因為我設置的條件滿足，提前終止循環

·  比如：我要吃五個包子，吃到三個的時候，不能在吃了，我就停止吃包子這個事情

·  要終止循環，就可以直接使用  break   關鍵字

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

// 沒循環一次，吃一個包子 console.log( '我吃了一個包子' )

// 當 i 的值為 3 的時候，條件為 true，執行 {} 里面的代碼終止循環 // 循環就不會繼續向下執行了，也就沒有 4 和 5 了 if   (i   ===   3 )   {

break

}}

CONTINUE 結束本次循環

·  在循環中，把循環的本次跳過去，繼續執行后續的循環

·  比如：吃五個包子，到第三個的時候，第三個掉地下了，不吃了，跳過第三個，繼續吃第四個和第五個

·  跳過本次循環，就可以使用  continue   關鍵字

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

// 當 i 的值為 3 的時候，執行 {} 里面的代碼 // {} 里面有 continue，那么本次循環后面的代碼就都不執行了 // 自動算作 i 為 3 的這一次結束了，去繼續執行 i = 4 的那次循環了 if   (i   ===   3 )   {

console.log( '這個是第三個包子，掉地下了，我不吃了' )   continue

}

console.log( '我吃了一個包子' )}