三种在JavaScript中终止forEach循环的方式

面试官：你能停止 JavaScript 中的 forEach 循环吗？这是我在面试中曾被问到的一个问题，我当初的回答是：“不，我不能这样做。”

利川ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：028-86922220（备注：SSL证书合作）期待与您的合作！

不幸的是，我的回答导致面试官突然结束了面试，对的，是突然结束的！

我对结果感到沮丧，问面试官：“为什么？实际上可以停止 JavaScript 中的 forEach 循环吗？”

在面试官回答之前，我花了一些时间解释我对为什么我们不能直接停止 JavaScript 中的 forEach 循环的理解。

一、序言

这个问题估计会难倒一部分同学。甚至会有人反问，forEach循环在JavaScript中能终止吗？ 比如 ，我举个例子

const array = [ -3, -2, -1, 0, 1, 2, 3 ]
 
array.forEach((it) => {
  if (it >= 0) {
    console.log(it)
    // 0 1 2 3
    return // or break
  }
})

从这个例子来看，好像不管是通过return还是break都无法终止forEach循环。 forEach相当于就是函数的执行，比如下面这段代码，即使func1执行了return语句，仍然会打印出2。

const func1 = () => {
  console.log(1)
  return
}
 
const func2 = () => {
  func1()
  console.log(2)
}
 
func2()

二、终止方法

然而，我能想到三种方式可以终止forEach循环。

1. 抛出错误

当找到一个大于等于0的数字之后，return循环将终止执行，所以控制台只会输出数字0，代码如下：

const array = [ -3, -2, -1, 0, 1, 2, 3 ]
 
try {
  array.forEach((it) => {
    if (it >= 0) {
      console.log(it) // 输出：0
      throw Error(`We've found the target element.`)
    }
  })
} catch (err) {


}

2. 将数组长度设置成0

我们也能通过将数组长度设置成0来终止forEach循环。代码如下

const array = [ -3, -2, -1, 0, 1, 2, 3 ]
 
array.forEach((it) => {
  if (it >= 0) {
    console.log(it) // 输出：0
    array.length = 0
  }
})

3. 将数组元素移除

当满足条件时，使用splice方法将数组内元素移除，也能终止forEach循环。代码如下：

const array = [ -3, -2, -1, 0, 1, 2, 3 ]
 
array.forEach((it, i) => {
  if (it >= 0) {
    console.log(it) // 输出：0
    array.splice(i + 1, array.length - i)
  }
})

三、建议

建议使用for和some

在日常工作中，一般是不会出现一种情况是让你终止forEach循环的，如果有终止的情况，可以使用for和some方法。

for

const array = [ -3, -2, -1, 0, 1, 2, 3 ]
 
for (let i = 0, len = array.length; i < len; i++) {
  if (array[ i ] >= 0) {
    console.log(array[ i ])
    break
  }
}

some

const array = [ -3, -2, -1, 0, 1, 2, 3 ]
 
array.some((it, i) => {
  if (it >= 0) {
    console.log(it)
    return true
  }
})

最后，3种关于在JavaScript中终止forEach循环的方法就先介绍到这里了，希望对你有所帮助，感谢你的阅读，编程快乐！

网页标题：三种在JavaScript中终止forEach循环的方式
路径分享：http://www.csdahua.cn/qtweb/news21/116221.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网