這篇文章帶給大家的內容是關於js中有幾種循環方式？ js中七種循環方式的介紹（附程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
JavaScript提供了許多透過LOOPS迭代的方法。本教學解釋了現代JAVASCRIPT中各種各樣的循環可能性
JavaScript提供了許多迭代循環的方法。本教程透過一個小例子和主要屬性解釋每一個。
const list = ['a', 'b', 'c']
for (let i = 0; i < list.length; i++) {
console.log(list[i]) //value
console.log(i) //index
}您可以使用break中斷for迴圈
您可以使用continue繼續for迴圈的下一次迭代
在ES5中引入。給定一個數組，您可以使用list.forEach（）迭代其屬性：
const list = ['a', 'b', 'c']
list.forEach((item, index) => {
console.log(item) //value
console.log(index) //index
})
//index is optional
list.forEach(item => console.log(item))不過需要注意的是您無法擺脫這個循環。
const list = ['a', 'b', 'c']
let i = 0
do {
console.log(list[i]) //value
console.log(i) //index
i = i + 1
} while (i < list.length)您可以使用break中斷while循環：
do {
if (something) break
} while (true)你可以使用continue跳到下一個迭代：
do {
if (something) continue
//do something else
} while (true)const list = ['a', 'b', 'c']
let i = 0
while (i < list.length) {
console.log(list[i]) //value
console.log(i) //index
i = i + 1
}您可以使用break中斷while循環：
while (true) {
if (something) break
}你可以使用continue跳到下一個迭代：
while (true) {
if (something) continue
//do something else
}與do...while的區別在於do...while總是至少執行一次迴圈。
迭代物件的所有可枚舉屬性，給出屬性名稱。
for (let property in object) {
console.log(property) //property name
console.log(object[property]) //property value
}ES2015引入了for循環，它結合了forEach的簡潔性和破解能力：
//iterate over the value
for (const value of ['a', 'b', 'c']) {
console.log(value) //value
}
//get the index as well, using `entries()`
for (const [index, value] of ['a', 'b', 'c'].entries()) {
console.log(index) //index
console.log(value) //value
}注意使用const。此循環在每次迭代中創建一個新範圍，因此我們可以安全地使用它而不是let。
與for...in的差別在於：
for...of迭代屬性值
for...in 迭代屬性名稱
#相關推薦：
##js的for in迴圈與java裡foreach迴圈的區別分析
#
以上是js中有幾種循環方式？ js中七種循環方式的介紹（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
