Javascript基礎(chǔ)循環(huán)怎么使用

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

循環(huán)

for

循環(huán)是任何一門語言都會有個命令，用于反復(fù)執(zhí)行某段代碼。

例如，循環(huán)代碼塊5次：

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

// 輸出結(jié)果：
當(dāng)前數(shù)字為0
當(dāng)前數(shù)字為1
當(dāng)前數(shù)字為2
當(dāng)前數(shù)字為3
當(dāng)前數(shù)字為4

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

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

所以想要控制循環(huán)次數(shù)，可以通常改變判斷條件實現(xiàn)，如果循環(huán)條件永遠(yuǎn)為true，則就是一個死循環(huán)。

for-in

for-in循環(huán)是一種特殊循環(huán)，可用于循環(huán)對象或數(shù)組（通常循環(huán)數(shù)組，使用for-of）

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

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

// 結(jié)果（這種循環(huán)輸出順序可能會不一樣，但數(shù)量不變）
當(dāng)前屬性名：name, 值：dapiaoliang
當(dāng)前屬性名：age, 值：18
當(dāng)前屬性名：sex, 值：woman

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

for-of

for-of時一種專門用于循環(huán)數(shù)組或類似數(shù)組結(jié)構(gòu)（Iterator接口）的循環(huán)命令

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

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

// 結(jié)果
當(dāng)前值是：dapiaoliang
當(dāng)前值是：18
當(dāng)前值是：woman

類似for-in，可直接循環(huán)數(shù)組的每一項數(shù)據(jù)

while

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

while (條件) {
	循環(huán)體
}

當(dāng)條件為true，循環(huán)體就會執(zhí)行，這種循環(huán)沒有計次變量，不需要更新步長。所以條件通常需要是一個可變參數(shù)，如果不是可變參數(shù)，就需要在循環(huán)體內(nèi)，有明確的終止條件

do-while

do-while是一種特殊的while循環(huán)（不常用）

do {
  循環(huán)體
}while(條件)

當(dāng)前數(shù)字為0
當(dāng)前數(shù)字為1
當(dāng)前數(shù)字為2
當(dāng)前數(shù)字為4

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

所以，do-while的條件是決定下一次是否循環(huán)，而第一次永遠(yuǎn)都會執(zhí)行，所以可以理解為至少執(zhí)行一次的while循環(huán)

跳出循環(huán)

如果在循環(huán)體內(nèi)由于某些原因，需要在代碼塊內(nèi)跳出循環(huán)，可以使用對應(yīng)的關(guān)鍵字。

break用于永久終止此循環(huán)，continue用于終止當(dāng)前這次循環(huán)（立刻進(jìn)入下一次）

例如，跳過i = 3時情況

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

上述例子，在i=3時，循環(huán)體內(nèi)判斷為真，執(zhí)行continue，那么此次后續(xù)兩行代碼不會執(zhí)行，會立刻進(jìn)入下一次循環(huán)。

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

當(dāng)前數(shù)字為0
當(dāng)前數(shù)字為1
當(dāng)前數(shù)字為2

此時判斷內(nèi)是break，那么當(dāng)i=3時，執(zhí)行了break，那么后續(xù)所有次數(shù)的循環(huán)都不會執(zhí)行。break會把整個循環(huán)全部關(guān)閉。

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