JS中的几种循环和跳出方式

JS中的循环是大家很常用的,这里总结一下几种常用循环的跳出方式。

1.for循环

var arr = ['q','w','e','r','t'];
for(var i=0, len = arr.length ; i< len ; i++){
    console.log(arr[i]);    
}

// q , w , e , r , t

跳出本次循环continue:

for(var i=0, len = arr.length ; i< len ; i++){
    if(i == 2){
        continue;
    }
    console.log(arr[i]);    
}

// q ,  w , r , t

当i==2时,跳出本次循环,本次循环下面的代码不在执行。但是真个循环继续执行,直到循环条件为false。

跳出整个循环break:

for(var i=0, len = arr.length ; i< len ; i++){
    if(i == 2){
        break;
    }
    console.log(arr[i]);    
}

// q ,  w 

当i == 2时,使用break跳出整个循环,后面的循环条件不在执行,直接退出整个循环。

2. for-in循环

退出方法同for循环。

3.jQuery的each循环

$.each(arr,function(index,oo){
    console.log(oo);
})
//q , w , e , r , t

退出当前循环 return true:

$.each(arr,function(index,oo){
    if(index == 2){
        return true;
    }
    console.log(oo);
})
//q ,w ,r ,t

当index == 2 时,退出当前循环,整体循环继续执行。

退出整个循环 return false:

$.each(arr,function(index,oo){
    if(index == 2){
        return false;
    }
    console.log(oo);
});

// q , w

当index == 2时,使用return false,可以退出整个循环,后面的条件不在执行。

4.forEach循环

arr.forEach(function(oo,index){
    console.log(oo);
});

// q, w, e, r, t

退出当前循环 return ;reutrn false ; return true ;

arr.forEach(function(oo,index){
    if(index == 2){
        return ;
        //return false;    //效果同上
       // return true;    //效果同上
    }
    console.log(oo);
});
// q , w ,r ,t

在forEach循环中,return 返回任何值,都只能退出当前循环。

要想跳出整个forEach循环,可以使用抛异常的方式:

try{
    arr.forEach(function(oo,index){
        if(index == 2){
             throw 'jumpout';
        }
        console.log(oo);
    });
}catch(e){
}

// q , w

 

  • 6
    点赞
  • 3
    评论
  • 15
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页

打赏

Jeff1804

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者