/

JavaScript 中的 for..of 循環

JavaScript 中的 for..of 循環

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

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

語法如下：

1
2
3
4
5
const list = ['a', 'b', 'c']

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

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

1
2
3
4
5
6
const list = ['a', 'b', 'c']

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

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

1
2
3
4
5
6
const list = ['a', 'b', 'c']

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

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

1
2
3
4
5
6
const list = ['a', 'b', 'c']

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

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

tags: [“JavaScript”, “for..of”, “循環”, “迭代”, “中斷”, “跳過”, “索引”]