好程式設計師web前端培訓分享JavaScript學習筆記之迴圈結構

好程式設計師發表於2020-07-07

  好程式設計師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( '我吃了一個包子' )}


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69913864/viewspace-2701487/,如需轉載,請註明出處,否則將追究法律責任。

相關文章