for...of 循環是我在 JavaScript 中喜歡使用的循環方式。

它結合了 forEach 循環的簡潔性和中斷的能力。

語法如下:

const list = ['a', 'b', 'c']

for (const item of list) {
 console.log(item)
}

您可以使用 break 在任何時間點中斷循環:

const list = ['a', 'b', 'c']

for (const item of list) {
 console.log(item)
 if (item === 'b') break
}

您可以使用 continue 跳過一次迭代:

const list = ['a', 'b', 'c']

for (const item of list) {
 if (item === 'b') continue
 console.log(item)
}

您可以使用 entries() 獲取迭代的索引:

const list = ['a', 'b', 'c']

for (const [index, value] of list.entries()) {
 console.log(index) //index
 console.log(value) //value
}

請注意使用 constfor..of 循環在每次迭代中創建一個新的作用域,因此我們可以安全地使用 const 代替 let