JavaScript for与forEach结束本轮循环/结束循环

您所在的位置:网站首页 js中断foreach JavaScript for与forEach结束本轮循环/结束循环

JavaScript for与forEach结束本轮循环/结束循环

2023-06-02 18:34| 来源: 网络整理| 查看: 265

文章目录 前言一、for1.终止当前轮次2.终止循环 二、forEach1.终止当前轮次2.终止循环 总结

前言

我以前一直想尝试一下这个for里嵌switch来着, 找不到合适的机会, 今天写node脚本刚好遇到, 必须狠狠的尝试一下.

一、for 1.终止当前轮次

我先把正确写法放在这里, 如果循环没有到1, 2, 5中的任何一个数, 那么就不输出这个数, 即不执行console.log(arr[i]);.

function init() { for (let i = 0; i case 1: case 2: case 5: console.log(''); break; default: continue; } console.log(arr[i]); } } const arr = [1, 2, 3, 4, 5, 6]; init();

最开始我是这样写的:

function init() { for (let i = 0; i case 1: case 2: case 3: console.log(''); break; default: return; } console.log(arr[i]); } } const arr = [1, 2, 3, 4, 5, 6]; init();

结果看起来很正确, 123, 但是很快我意识到这可能是到了4就直接没再循环下去, 4之后的俩数根本都没判定? 所以就不把switch的筛选数弄得那么顺了, 跳着来看看是不是终止执行了:

function init() { for (let i = 0; i case 1: case 2: case 5: console.log(''); break; default: return; } console.log(arr[i]); } } const arr = [1, 2, 3, 4, 5, 6]; init();

如果5没输出, 说明执行到3就直接打住了.

在这里插入图片描述

果然是有问题的, return直接将整个函数都返回了, 连for后面的东西都不执行了. 那么需要一个能仅跳过本轮for循环的语法作为default的处理方案. continue在for里是跳过当前循环.

顺带说, 上面用到了break, 但break外面首先是switch所以循环仍会继续, 如果没有这层switch直接在for里使用break是会直接终止for循环的, 参考下面例子.

2.终止循环

来复现一下上节末尾谈到的情况:

function init() { for (let i = 0; i case 1: case 2: case 5: console.log(''); break; default: return; } console.log(arr[i]); break; } } const arr = [1, 2, 3, 4, 5, 6]; init();

按照我的说法, 这个时候应该是只输出一个1的, 因为第一轮循环输出完之后直接就循环终止了:

在这里插入图片描述

是吧.

for...in结束和跳过循环方法同上.

二、forEach 1.终止当前轮次

终止本轮次很简单, 你只要在forEach里return一下就可以终止本轮次.

function init() { arr.forEach((item) => { if (item === 1) return; console.log(item); }) console.log('www'); } const arr = [1, 2, 3, 4, 5, 6]; init();

这会输出23456. 但是可以看到这并不会把整个forEach结束掉, 那应该没有数字输出才对.

2.终止循环

你可以选择抛出错误来终止forEach, 但是没有什么手段去好好的, 和平的结束它. MDN:

在这里插入图片描述

总结

终于要30w阅读量了, 感谢各位两年多以来的支持, 你们给了我不小的精神支持, 让我在这条路上走下去, 我也会继续走下去.



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3