zoukankan      html  css  js  c++  java
  • js跳出多层循环

    js for 循环 跳出多层循环

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    var a = [1,2,3,4,5,6,7,8]; // 8个数
    var b = [11,12,13,14,15,3,16,17]; //8个数
     
    testFor();
    console.log('555')
     
    function testFor() {
      for(var k=0;k<a.length;k++){
        console.log('444');
        for(var i=0;i<a.length;i++){
          for(var j=0;j<b.length;j++){
            if( a[i]==b[j] ){
              return false;
            }
            console.log('111');
          }
          console.log('2222');
        }
        console.log('333');
      }
    }
     
     
    输出:
    // 1次444
    // 8次111
    // 1次222
    // 8次111
    // 1次222
    // 5次111
    // 1次555

      

    可见 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从而可以退出特定的循环

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    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循环然后外面的循环都会继续循环

     return 不能用在for中的函数体中,如果遇到这种情况,可以使用标志位,如下

    复制代码
           for(var k=0; k<service_ids.length; k++) {
                var delete_flag = true
                await deleteService(service_ids[k]).then(response => {
                }).catch(error => {
                  delete_flag = false
                  workflowStepsParam = workflowSteps
                  console.log(error)
             // return 这里的return不会生效 }) if(!delete_flag) { return } }
    复制代码

    forEach方法如何跳出循环

    1.for方法跳出循环

    复制代码
    复制代码
      function getItemById(arr, id) {
            var item = null;
            for (var i = 0; i < arr.length; i++) {
                if (arr[i].id == id) {
                    item = arr[i];
                    break;
                }
            }
            return item;
        }
    复制代码
    复制代码

    2.forEach方法跳出循环

    复制代码
    复制代码
      function getItemById(arr, id) {
            var item = null;
            try {
                arr.forEach(function (curItem, i) {
                    if (curItem.id == id) {
                        item = curItem;
                        throw Error();
                    }
                })
            } catch (e) {
            }
            return item;
        }
    复制代码
    复制代码

    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

  • 相关阅读:
    【tyvj1952】easy
    【noip2005】篝火晚会
    BZOJ4818: [Sdoi2017]序列计数
    BZOJ2436: [Noi2011]Noi嘉年华
    BZOJ4826: [Hnoi2017]影魔
    BZOJ4540: [Hnoi2016]序列
    BZOJ4827: [Hnoi2017]礼物
    BZOJ3527: [Zjoi2014]力
    BZOJ4407: 于神之怒加强版
    BZOJ1854: [Scoi2010]游戏
  • 原文地址:https://www.cnblogs.com/ygunoil/p/14343642.html
Copyright © 2011-2022 走看看