技術(shù)交流QQ群:1027579432，歡迎你的加入拱烁！

歡迎關(guān)注我的微信公眾號：CurryCoder的程序人生

1.循環(huán)結(jié)構(gòu)

• 循環(huán)的目的：在實際問題中生蚁，有很多規(guī)律性的重復(fù)操作。因此戏自，在程序中要完成這類操作邦投，就需要重復(fù)執(zhí)行某些語句。

2.JS中的循環(huán)

• 在JS中主要有三種類型的循環(huán)語句：
  • for循環(huán)
  • while循環(huán)
  • do-while循環(huán)

for循環(huán)

• 在程序中擅笔，一組被重復(fù)執(zhí)行的語句被稱為循環(huán)體志衣，能否繼續(xù)重復(fù)執(zhí)行，取決于循環(huán)的終止條件猛们。由循環(huán)體及循環(huán)的終止條件組成的語句念脯，被稱為循環(huán)語句。
• 語法結(jié)構(gòu)：
  • for循環(huán)主要用于把某些代碼循環(huán)若干次弯淘，通常與計數(shù)有關(guān)绿店，語法結(jié)構(gòu)如下：

  for (初始化變量; 條件表達式; 操作表達式) {
      // 循環(huán)體
  }
  

• 斷點調(diào)試：
  • 斷點調(diào)試是指自己在程序的某一行設(shè)置一個斷點。調(diào)試時，程序運動到這一行就停止假勿，然后你可以一步一步往下調(diào)試借嗽，調(diào)試過程可以看每個變量當(dāng)前的值。出錯的話转培，調(diào)試到出錯的代碼行即顯示錯誤恶导，停止程序運行。
  • 瀏覽器中按下F12堡距，之后再找到Sources甲锡，找到需要可以監(jiān)視變量的值的變化。
  • F11：程序單步執(zhí)行羽戒，讓程序一行一行的執(zhí)行缤沦，這個時候，觀察Watch中變量的值變化易稠。

3.雙重for循環(huán)

• 很多情況下缸废，單層for循環(huán)并不能滿足我們的需求，例如需要打印出5*5的圖形驶社，打印一個倒直角三角性等企量，此時就可以通過嵌套來實現(xiàn)。
• 嵌套循環(huán)：是指一個循環(huán)語句中再定義一個循環(huán)語句的語法結(jié)構(gòu)亡电，例如在for循環(huán)中可以再嵌套一個for循環(huán)届巩，這樣的for循環(huán)語句我們稱為雙重for循環(huán)。
• 雙重for循環(huán)的語法結(jié)構(gòu)：

  for (外層的初始化變量; 外層的條件表達式; 外層的操作表達式){
      for (里層的初始化變量; 里層的條件表達式; 里層的操作表達式) {
          // 操作語句;
      }
  }
  

• 可以把里層的循環(huán)看成是外層循環(huán)的語句份乒。
• 外層循環(huán)執(zhí)行一次恕汇，里層的循環(huán)執(zhí)行全部。

4.for循環(huán)總結(jié)

• for循環(huán)可以重復(fù)執(zhí)行某些相同的代碼或辖；
• for循環(huán)可以重復(fù)執(zhí)行一些不同的代碼瘾英，因為有計數(shù)器的存在；
• for循環(huán)可以重復(fù)執(zhí)行某些操作颂暇，例如算術(shù)運算符缺谴、加法操作；
• 雙層for循環(huán)耳鸯，外層循環(huán)執(zhí)行一次湿蛔，內(nèi)層for循環(huán)執(zhí)行全部；
• for循環(huán)是循環(huán)條件和數(shù)字直接相關(guān)的循環(huán)县爬；

5.while循環(huán)

• while語句可以在條件表達式為真的前提下煌集，循環(huán)執(zhí)行特定的一段代碼，直到表達式不為真時結(jié)束循環(huán)捌省。
• while語句的語法結(jié)構(gòu)如下：

  while (條件表達式) {
      // 循環(huán)體代碼
  }
  

6.do-while循環(huán)

• do-while循環(huán)實際上是while循環(huán)語句的一個變體，該循環(huán)會先執(zhí)行一次代碼塊碉钠，然后對條件表達式進行判斷纲缓，如果條件為真卷拘，則會重復(fù)執(zhí)行循環(huán)體，否則退出循環(huán)祝高。
• 語法結(jié)構(gòu)：

  do {
      // 循環(huán)體
  } while (條件表達式)
  

• 先執(zhí)行循環(huán)體栗弟，再判斷。因此工闺，do-while循環(huán)體至少執(zhí)行一次乍赫！

7.循環(huán)的總結(jié)

• JS中的循環(huán)有for、while陆蟆、do-while雷厂；
• 三個循環(huán)很多情況下都可以相互替換使用；
• 如果是用來計次數(shù)的叠殷，與數(shù)字相關(guān)的改鲫，三者使用基本相同，但更偏愛使用for循環(huán)林束；
• while和do-while循環(huán)可以用來做更復(fù)雜的判斷條件像棘，比for循環(huán)更加靈活；
• while和do-while執(zhí)行的順序不一樣壶冒，while是先判斷后執(zhí)行缕题，do-while是先執(zhí)行一次，再判斷執(zhí)行胖腾；
• while和do-while執(zhí)行的次數(shù)不一樣烟零，do-while的循環(huán)體至少會被執(zhí)行一次，而while的循環(huán)體可能一次也不執(zhí)行胸嘁；

8.continue和break關(guān)鍵字

• continue關(guān)鍵字是用于立即跳出本次循環(huán)瓶摆，繼續(xù)下一次循環(huán)，本次循環(huán)體中continue之后的代碼會少執(zhí)行一次性宏。
• break關(guān)鍵字用于立即跳出整個循環(huán)群井，循環(huán)立即結(jié)束。

9.JS中的命名規(guī)范及語法格式

• 標(biāo)識符命名規(guī)范
  • 函數(shù)名毫胜、變量名的命名必須要有意義书斜；
  • 變量的名稱一般用名詞；
  • 函數(shù)的名稱一般用動詞酵使；
• 操作符規(guī)范

  // 操作符的左右兩側(cè)各保留一個空格
  for (var i = 1; i <= 5; i++) {
      if (i === 3) {
          break;
      }
      console.log('我正在吃第' + i + '個包子.');
  }
  

• 單行注釋規(guī)范

  for (var i = 1; i <= 5; i++) {
      if (i === 3) {
          break;  // 單行注釋前面注意有個空格
      }
      console.log('我正在吃第' + i + '個包子.');
  }
  

• 其他規(guī)范

  if (true) {  // 注意括號左右各留有一個空格
      
  }
  
  for (var i = 1; i <= 100; i++) {
      
  }
  

10.資料下載

• 筆記及代碼荐吉，歡迎star,follow,fork......