关于JavaScript循环有以下四种,

1、for循环

let arr = new Array(6);
for (let item in arr) {
  console.log(item, arr[item]);
}

2、switch

switch (key) {
    case 'a':
        console.log('is a');
        break;
    case 'b': //多选
    case 'c':
        console.log('is b');
        break;
    default:
        break;
}

3、while

let j = 0;
while (j < 10) {
    j++;
    console.log(j);
}

4、do while

let m = 11;
do {
    console.log(m);
} while (m < 10)

循环在前端开发中,经常用到,用法不在赘述,我们在循环的过程中,经常会用到

break, continue来处理循环中的跳转。

1、break ,终止循环

2、continue 终止本次循环

如果我们遇到下面的场景,如何处理呢?

for (var j = 0; j < 10; j++) {
    console.log(j);
    switch ('b') {
        case 'b':
        console.log('bbbbb');
        break; // 跳转1
    }
}

代码中的逻辑,会在“跳转1” 处跳转出switch,然后继续for循环,这样没问题,如果我想终止整个循环该怎么做?

我们需要为循环添加标签:

stop:for (var j = 0; j < 10; j++) {
    console.log(j);
    switch ('b') {
        case 'b':
        console.log('bbbbb');
        break stop; // 跳转1
    }
}

输出

1
2
3
4

代码块里也可以这么做

stop: {
    console.log('aaaa--');
        stop2: {
            for (var n = 0; n < 10; n++) {
            console.log(n);
            if (n > 5) {
                break stop;
            }
        }
    console.log('bbbb----');    
    }
}
console.log('ccc--');

输出:

aaaa--
0
1
2
3
4
5
6
ccc--

看明白了吧,通过break标签的写法,我们可以在需要中断的地方跳出循环。


ps: 我们在开发的过程中,往往因为一些重要功能或问题而忽视了基础而选择更复杂而顺手的解决方案,而这些基础却又是非常重要的,这也是我们在学习过程中需要重点关注的。