脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js forEach 跳出循环

JavaScript forEach 方法跳出循环的操作方法

 更新时间：2024年01月03日 09:28:32   作者：easylee  
这篇文章主要介绍了JavaScript forEach 方法跳出循环的操作方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

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 (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('捕获到错误')
}

综上，使用forEach时，使用 return 跳出当前循环，使用 try catch 跳出整个循环。

到此这篇关于JavaScript forEach 方法跳出循环的文章就介绍到这了,更多相关JavaScript forEach 方法跳出循环内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

最新评论