JavaScript中的for...of循环方法介绍for...of 循环是我在JavaScript中最喜欢的循环方式。

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
}

注意使用const 。for..of 循环在每个迭代中创建一个新的作用域，所以我们可以安全地使用它而不是let 。