面试官：forEach怎么跳出循环？

for循环

这个问题平时工作中基本不会遇到，通常是面试时，有的面试官喜欢问这个，所以有了探讨的意义。 首先我们来看看 for 循环是怎么处理跳出的。

JavaScript中，for循环可以使用break和continue来跳出：

• continue：跳出本次循环
• break：结束循环

for (let i = 0; i < 10; i++) {
  if (i === 1) {
    // 跳出本次循环，不会打印1
    continue
  }
  if (i === 3) {
    // 结束循环，不会打印3和之后的数字
    break
  }
  // 输出0 2
  console.log(i)
}

forEach循环

了解了 for 循环跳出之后，forEach 如何跳出呢？

const numbers = [1, 2, 3, 4, 5]
numbers.forEach(number => {
  if (number === 2) {
    // 跳出整个循环
    break  // SyntaxError: Illegal break statement
  }
    console.log(number)
})

可以看到，直接使用break，会报非法中断语句错误 再试试continue：

numbers.forEach(number => {
  if (number === 2) {
    // 跳出当前循环
    continue  // SyntaxError: Illegal continue statement: no surrounding iteration statement
  }
    console.log(number)
})

可以看到同样报错，continue不能在非循环语句中，原因是forEach的参数是一个回调函数，并不是循环语句，所以无法执行continue语句 具体可以参考：SyntaxError: continue must be inside loop - JavaScript | MDN里面也提到了解决方法，使用return退出当前循环，以及使用for of代替forEach

numbers.forEach(number => {
  if (number === 2) {
    // 跳出当前循环
    return 
  }
  console.log(number) // 1 3 4 5
}

使用for of替代foreach：

for (const number of numbers) {
  if (number === 2) {
    continue
  }
  console.log(number) // 1 3 4 5
}

但是就想使用forEach来跳出循环应该如何操作呢，上面文档中没有提到，但可以使用try catch来实现：

try {
  numbers.forEach(number => {
    if (number === 2) {
      throw new Error()
    }
    console.log(number) // 1
  })
} catch (error) {
  console.log('捕获到错误')
}

除了上面的用法，前几天看有个文章的评论的时候，发现一个方法，可以缩小数组长度，大家也可以尝试一下。

var list = [1, 2, 3, 4, 5]
list.forEach((v, index) => {
if (v == 3) {
  list = list.splice(0, index)
}

console.log(index)
})