js for等循环跳出多层循环

骑猪看日落 2023-06-03 10:57 76阅读 0赞

js for 循环 跳出多层循环

**可见 return 会直接跳出多层循环,返回调用的方法外部**  
**原因: js里for是没有局部作用域的概念,方法才能一个局部作用域**  
**return将会跳出当前局部作用继续执行下面的方法**

注意：  
1.这里for循环如果直接放在全局作用域下执行而不被一个方法包裹，  
将直接导致写在for后的代码永远不会被执行；

2.如遇到逻辑特别复杂多层循环的时候，会遇到一些迭代器之类的方法，  
这种迭代器实现的不同,会出现另一种情况，即不会跳出任何循环，  
循环仍然继续，只是当前循环if后的代码不会被执行一次，下一次循环开始时,  
仍然会执行if后的代码

如：  
var cc = 'xx';

Object.keys(o).forEach(function(key) \{  
var val = o\[key\];  
if(cc == key)\{  
return false;  
\}  
console.log(key);  
\});

此外还有  
break;  
continue;  
语句  
break 语句跳出循环后，会继续执行该循环之后的代码 (退出循环)  
continue continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。(跳过当前迭代,进入下次迭代)  
这两个语句可以指定label从而可以退出特定的循环  
如

bbq:
    for(var j=0;j<a.length;j++){
        ccc:
        for(var i =0;i<a.length;i++){
            if( i==5 ){
                break bbq; //直接跳出bbq外层循环
            }
        }
    }
    
    
    或者:
    function testFor() {
        bbq:
        for(var k=0;k<a.length;k++){
            console.log('444');
            ccc:
            for(var i=0;i<a.length;i++){
                ddd:
                for(var j=0;j<b.length;j++){
                    if(j == 2){
                        break;
                    }
                    console.log('j '+j);
                }
                console.log('i '+i);
           }
           console.log('k '+k);
        }
    }

// 只会每次循环j==2时退出ddd循环然后外面的循环都会继续循环

# [forEach方法如何跳出循环][forEach] #

1.for方法跳出循环

![复制代码][copycode.gif]

![复制代码][copycode.gif]

2.forEach方法跳出循环

![复制代码][copycode.gif]

![复制代码][copycode.gif]

3.备注

3.1 forEach的优势一个是它的回调函数形成了一个作用域，它的curItem和i不会像for循环一样污染全局变量，再一个是更容易写出来函数式的代码，和map、filter、reduce这些高阶函数是一脉相承的。

3.2 forEach()本身无法跳出循环，必须遍历所有的数据才能结束。参考链接：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global\_Objects/Array/forEach

![874425-20181205144234542-1867776143.jpg][]

转载于:https://www.cnblogs.com/robinunix/p/11496285.html

[forEach]: https://www.cnblogs.com/codebook/p/10070854.html
[copycode.gif]: /images/20230601/b31cce3c0e1d46e08d86ba34ba3e54c1.png
[874425-20181205144234542-1867776143.jpg]: /images/20230601/85debd4b564948d68392aec0f063a399.png