三种在JavaScript中终止forEach循环的方式
2023-12-19 17:15:20 软件 210观看
摘要面试官:你能停止 JavaScript 中的 forEach 循环吗?这是我在面试中曾被问到的一个问题,我当初的回答是:“不,我不能这样做。”不幸的是,我的回答导致面试官突然结束了面试,对的,是突然结束的!我对结果感到沮丧,问面试官:“为什么?

面试官:你能停止 JavaScript 中的 forEach 循环吗?这是我在面试中曾被问到的一个问题,我当初的回答是:“不,我不能这样做。”O7528资讯网——每日最新资讯28at.com

O7528资讯网——每日最新资讯28at.com

不幸的是,我的回答导致面试官突然结束了面试,对的,是突然结束的!O7528资讯网——每日最新资讯28at.com

我对结果感到沮丧,问面试官:“为什么?实际上可以停止 JavaScript 中的 forEach 循环吗?”O7528资讯网——每日最新资讯28at.com

在面试官回答之前,我花了一些时间解释我对为什么我们不能直接停止 JavaScript 中的 forEach 循环的理解。O7528资讯网——每日最新资讯28at.com

一、序言

这个问题估计会难倒一部分同学。甚至会有人反问,forEach循环在JavaScript中能终止吗? 比如 ,我举个例子O7528资讯网——每日最新资讯28at.com

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。O7528资讯网——每日最新资讯28at.com

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

二、终止方法

然而,我能想到三种方式可以终止forEach循环。O7528资讯网——每日最新资讯28at.com

1. 抛出错误

当找到一个大于等于0的数字之后,return循环将终止执行,所以控制台只会输出数字0,代码如下:O7528资讯网——每日最新资讯28at.com

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循环。代码如下O7528资讯网——每日最新资讯28at.com

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循环。代码如下:O7528资讯网——每日最新资讯28at.com

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和someO7528资讯网——每日最新资讯28at.com

在日常工作中,一般是不会出现一种情况是让你终止forEach循环的,如果有终止的情况,可以使用for和some方法。O7528资讯网——每日最新资讯28at.com

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循环的方法就先介绍到这里了,希望对你有所帮助,感谢你的阅读,编程快乐!O7528资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-49907-0.html三种在JavaScript中终止forEach循环的方式

声明:本网页内容旨在传播知识,不代表本站观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。

显示全文

上一篇:七个常用的 Vue 3 UI 组件

下一篇:你应该了解的 15 个 CSS 隐藏属性

最新热点