JavaScript foreach 方法跳出循环

JavaScript foreach 方法跳出循环通常,在for循环中跳出循环可以用break或者continue来跳出循环。break:跳出循环;continue:跳过当次循环。而有时候需要在foreach中跳出循环,该怎么做呢?forEach()方法用于调用数组的每个元素,并将元素传递给回调函数。对于空数组不会执行回调函数。回调函数的参数:function(currentValue,index,arr)currentValue必需。当前元素index可选。当前元素的索引值arr

大家好,欢迎来到IT知识分享网。

通常,在 for循环中跳出循环可以用 break或者 continue 来跳出循环。
break:跳出循环;
continue:跳过当次循环。

而有时候需要在 foreach 中跳出循环,该怎么做呢?

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。对于空数组不会执行回调函数。
回调函数的参数 :
function(currentValue, index, arr)
currentValue 必需。当前元素
index 可选。当前元素的索引值
arr 可选。当前元素所属的数组对象

在 forEach 中使用return:

let arr = [1,2,3,4,5,6,7,8,9];
let num = 6
arr.forEach((item)=>{ 
   
if(item == num) { 
   
    return;
}
console.log('item',item);
})
console.log(123)

运行结果:
在这里插入图片描述
可以看到,forEach中使用 return 语句的作用只能跳出当前循环(实现了continue的效果),并不能跳出整个循环,没达到期待的效果,满足条件后还继续执行了循环。

在 forEach 中使用break:

let arr = [1,2,3,4,5,6,7,8,9];
let num = 6
arr.forEach((item)=>{ 
   
if(item == num) { 
   
    break;
}
console.log('item',item);
})
console.log(123)

运行结果:
在这里插入图片描述
直接报错了,后面的代码也没执行。

在 forEach 中使用continue:

let arr = [1,2,3,4,5,6,7,8,9];
let num = 6
arr.forEach((item)=>{ 
   
if(item == num) { 
   
    continue;
}
console.log('item',item);
})
console.log(123)

运行结果:
在这里插入图片描述
和 break 一样,直接报错了,后面的代码也没执行。

上面的例子可以看到,foreach不能使用breakcontinue这两个关键字。

因为 forEach 本身无法跳出循环,必须遍历所有的数据才能结束,它传入的是一个回调函数,因此形成了一个作用域,它内部所定义的变量不会像for循环一样污染全局变量。

解决方法

forEach方法跳出循环 —— 通过 try catch 抛出异常的方式跳出循环

let arr = [1,2,3,4,5,6,7,8,9];
let num = 6
try { 
   
     arr.forEach((item, i)=> { 
           
         console.log('item',item)
         if (item === num) { 
   
             throw new Error('LoopInterrupt');         //满足条件,跳出循环
         }
     })
 } catch (e) { 
   
   if (e.message !== "LoopInterrupt") throw e
}
console.log(123)

运行效果:
在这里插入图片描述

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/10705.html

(0)
上一篇 2024-03-29 17:15
下一篇 2024-03-29 18:00

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信