while循环到底能不能模拟for?两极反转你永远也猜不到

大家用的最多的循环语句肯定是for,那能不能用while模拟一下for完成一些循环?

如题,用while去模拟for,打印数组的全部元素

let arr = [1, 2, 3];
for(let i = 0; i < arr.length; i++) {
	consoel.log(arr[i]);
}

//仿照上面的循环,用while写一遍
let j = 0;
while (j < arr.length) {
   	console.log(arr[j]);
   	j++;
}

上面两段代码,用while模仿了一次for循环,感觉还差不多,虽然在变量定义方面有点小差别,for循环结束后,会释放掉i的内存,而while没有,不过两个循环的输出一样,可以算模拟成功了。
但是…现在要改需求了,同学们,要求使用continue

let arr = [1, 2, 3, undefined, 5];
for (let i = 0; i < arr.length; i++) {
     if (!arr[i]) continue;
     console.log(arr[i]);
 }
 //输出1 2 3 5
 console.log('**************');
 let j = -1;
 while (j < arr.length) {
     j++;
     if (!arr[j]) continue;
     console.log(arr[j]);
 }
  //输出1 2 3 5

上面代码中while内部调整了一下j的累加位置,如果还按第一次那样去输出,那么while会陷入死循环,因为continuewhile内部执行的时候会直接跳到下一次循环,导致我们的j无法累加,而for循环中遇到continue后是先给增量i加1,然后再判断跳出条件,所以上方代码虽然强行把输出结果调整为一致,都是跳过undefined,但是内部的运行机制已经存在差别了,对待continue的处理情况不一致,所以while不能模拟for

绕了一大圈,有点不甘心,能不能有什么方法帮助while执行到continue之后的增量累加呢?必然得有啊,可以使用try/finally,通过不管什么情况下finally一定会执行的特点,保证执行增量计算。

let j = 0;
while (j < arr.length) {
    try {
        if (!arr[j]) continue;
        console.log(arr[j]);
    } finally {
        j++;
    }
}
//输出1 2 3 5

这回while应该高兴了,终于模拟成for了,可喜可贺,那么问题又来了,finally中的代码是一定会执行的,那么while的增量j一定会加1,能不能使for里面的增量i不增加? 当然也可以呀!用break就可以。

let arr = [1, 2, 3, undefined, 5, 6, 7];
let i = 0;
for (; i < arr.length; i++) {
    if (!arr[i]) continue;
    if (arr[i] === 6) {
        break;
    }
}
console.log(i);
//输出 5
console.log('**************');
let j = 0;
while (j < arr.length) {
    try {
        if (!arr[j]) continue;
        if (arr[j] === 6) {
            break;
        }
    }finally {
        j++;
    }
}
console.log(j);
//输出 6

whilefor多进行了一次增量计算,所以一直在模仿,从未被超越,while还是没能成为for
各位道友,还能反转不?
本编文章是参考了《JavaScript权威指南》一书,推荐大家读的一本好书。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值