位置:首页 > web前端 > javascript

javascript跳出for/forEach循环的方法 for/forEach差异

dearweb 发布:2022-10-18 10:49:49阅读:

我们在日常工作中用到for/forEach的地方很多,但是不知道各位是否遇到过在使用该方法遍历时需要跳出的需求,以及二者之间的差别有什么,本文小编给大家解释一下上面的两个问题,希望可以帮助到各位。

首先讲一下for方法跳出循环------break跳出循环 continue跳过当次循环

var arr = [1,3,5,7,9];
var id = 5;
for (var i = 0; i < arr.length; i++) {
     if(arr[i]=== 1) continue;    //跳过当次循环
     console.log(arr[i])
     if (arr[i] === id) {    
         break;                   //满足条件,跳出循环
     }
 }


只会打印出3,5,而剩余的没打印,则说明到5就跳出了循环,而1跳过了当次循环

forEach方法跳出循环------通过抛出异常的方式跳出循环 通过return跳过当次循环

var arr = [1,3,5,7,9];
var id = 5;
try {
     arr.forEach(function (curItem, i) {
         if(curItem === 1) return;
         console.log(curItem)
         if (curItem === id) {
             throw Error();         //满足条件,跳出循环
         }
     })
 } catch (e) {
 }

最后一点 for和forEach的区别

foreach()不能使用break和continue这两个关键字,它实现break效果可以通过抛出异常的方式,实现continue的效果可以直接使用return。

forEach的优势就是,它传入的是一个回调函数,因此形成了一个作用域,它内部所定义的变量不会像for循环一样污染全局变量。

forEach()本身无法跳出循环,必须遍历所有的数据才能结束。


24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

手机扫码查看 手机扫码查看