大家用的最多的循环语句肯定是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
会陷入死循环,因为continue
在while
内部执行的时候会直接跳到下一次循环,导致我们的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
while
比for
多进行了一次增量计算,所以一直在模仿,从未被超越,while
还是没能成为for
。
各位道友,还能反转不?
本编文章是参考了《JavaScript权威指南》一书,推荐大家读的一本好书。