Javascript基礎循環怎么使用

這篇文章主要講解了“Javascript基礎循環怎么使用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“Javascript基礎循環怎么使用”吧！

循環

for

循環是任何一門語言都會有個命令，用于反復執行某段代碼。

例如，循環代碼塊5次：

for (let i = 0; i < 5; i++) {
  let text = `當前數字為${i}`
  console.log(text)
}

// 輸出結果：
當前數字為0
當前數字為1
當前數字為2
當前數字為3
當前數字為4

此例中，let i = 0是聲明循環的計次變量，i < 5是循環終止條件，i++是計次變量更新步長，{}內的所有代碼為循環體內代碼塊。

具體流程是：計次變量進行終止條件判斷運算，如果結果為true，則循環體執行，結束后進行步長更新運算，從而得到新的結果再次參與判斷；如果結果為false，則立刻終止循環；

所以想要控制循環次數，可以通常改變判斷條件實現，如果循環條件永遠為true，則就是一個死循環。

for-in

for-in循環是一種特殊循環，可用于循環對象或數組（通常循環數組，使用for-of）

let o = {
  name: 'dapiaoliang',
  age: 18,
  sex: 'woman'
}

// 將對象內的所有鍵值對循環輸出, 此時可以使用for-in
for (let key in o) {
  let text = `當前屬性名：${key}, 值：${o[key]}`
}

// 結果（這種循環輸出順序可能會不一樣，但數量不變）
當前屬性名：name, 值：dapiaoliang
當前屬性名：age, 值：18
當前屬性名：sex, 值：woman

由此可見，for-in 用于循環對象內所有的鍵值對，具體輸出順序可能會發生變化，但是每個鍵值對都會被循環一次。

for-of

for-of時一種專門用于循環數組或類似數組結構（Iterator接口）的循環命令

let arr = ["dapiaoliang", 18, 'woman']

for (let value of arr) {
  let text = `當前值是：${value}`
  console.log(text)
}

// 結果
當前值是：dapiaoliang
當前值是：18
當前值是：woman

類似for-in，可直接循環數組的每一項數據

while

while是for的一個變種。（不常用）

while (條件) {
	循環體
}

當條件為true，循環體就會執行，這種循環沒有計次變量，不需要更新步長。所以條件通常需要是一個可變參數，如果不是可變參數，就需要在循環體內，有明確的終止條件

do-while

do-while是一種特殊的while循環（不常用）

do {
  循環體
}while(條件)

當前數字為0
當前數字為1
當前數字為2
當前數字為4

看起來是將while的條件和循環體交換了位置，所以這種循環體，在第一次時，是不需要進行判斷條件就會執行，執行結束后，再進行判斷，判斷結果決定下一次是否會循環

所以，do-while的條件是決定下一次是否循環，而第一次永遠都會執行，所以可以理解為至少執行一次的while循環

跳出循環

如果在循環體內由于某些原因，需要在代碼塊內跳出循環，可以使用對應的關鍵字。

break用于永久終止此循環，continue用于終止當前這次循環（立刻進入下一次）

例如，跳過i = 3時情況

for (let i = 0; i < 5; i++) {
  if (i === 3) {
    continue
  }
  let text = `當前數字為${i}`
  console.log(text)
}

上述例子，在i=3時，循環體內判斷為真，執行continue，那么此次后續兩行代碼不會執行，會立刻進入下一次循環。

for (let i = 0; i < 5; i++) {
  if (i === 3) {
    break
  }
  let text = `當前數字為${i}`
  console.log(text)
}

當前數字為0
當前數字為1
當前數字為2

此時判斷內是break，那么當i=3時，執行了break，那么后續所有次數的循環都不會執行。break會把整個循環全部關閉。

感謝各位的閱讀，以上就是“Javascript基礎循環怎么使用”的內容了，經過本文的學習后，相信大家對Javascript基礎循環怎么使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！