React前端js跳出ForEach循环的方式 |
您所在的位置:网站首页 › 跳木马怎么跳 › React前端js跳出ForEach循环的方式 |
React前端js跳出ForEach循环的方式
今天踩了一个前端的坑。当forEach循环中满足某个条件时候就不在循环了。内心第一反应 添加return false 或 return 搞定~ 但是代码他依旧继续循环。 最后找到问题所在,forEach跳出的方法是throw err次才行,严格意义上说 map forEach 他们本身属于迭代行为 就不支持跳出的。当然这个throw err是使程序中断-跳出。 总结了一下跳出所有循环的方法: 1.使用try catch 跳出forEach循环 try { var array = [1,2,3,4,5,6]; // 执行到第3次,结束循环 array.forEach((value)=>{ console.log("value---->",value); if(value > 3){ throw new Error("抛出异常跳出") } }); } catch(e) { console.log(e) }; 2. 跳出for循环(没有return方法) break 跳出所有循环 for(var i=1;i { if(value > 3){ console.log(value) return false; }else{ console.log(value) return true; //当然这边如果你不写这一行 她也会跳出的 就是上面说的 return true 为了让他进入下一次勋魂 } }); 4. some 当内部return true时跳出整个循环注意:return true 跳出整个循环 。 如果return false 跳出本次循环 和上面for break和continue方法相似 let list3 = [1, 2, 3, 4, 5]; list3.some((value, index) => { if(value === 3){ return true;//当内部return true时跳出整个循环 } console.log(value)// 1 2 }); 5. ES6中 for of 跳出循环(使用break) let arr = [1,2,3,4,5] for (val of arr) { if(val > 3 ){ break; } console.log("val===>",val) //1 23 } 作者:森林木马 出处:https://www.cnblogs.com/owenma/------------------------------------------- 特此声明:所有评论和私信都会在第一时间回复。也欢迎朋友们指正错误,共同进步! 如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢! 个性签名:好记性不如勤随笔,好随笔还请多关注! |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |