美文网首页Web 前端
JavaScript Label 标签语句

JavaScript Label 标签语句

作者: 时光觅迹 | 来源:发表于2021-01-05 10:10 被阅读0次

    在平时开发中,我们可能会很少用到 label 语句,但如果熟练掌握了 label 语句的应用,可以节省不少代码。

    使用 label 语句可以在代码中添加标签,以便在将来使用,语法:

    label: statement
    

    示例:

    start: for (var i = 0; i < 10; i++) {
      alert(i)
    }
    

    这个例子中定义的start标签可以在将来由breakcontinue语句引用。加标签的语句一般都要雨for语句等循环语句配合使用。

    典型例子:

    1. 未添加 label:
    var num = 0;
    for (var i = 0; i < 5; i++) {
      for (var j = 0; j < 5; j++) {
        if (i == 3 && j == 3) {
          break;
        }
        num++;
      }
    }
    alert(num);
    

    最后 alert(num)打印的值为23。这里当i == 3 && j == 3 的时候,跳出 j 循环,但是 i 循环会继续执行。

    1. 添加 label:
    var num = 0;
    start:
    for (var i = 0; i < 5; i++) {
      for (var j = 0; j < 5; j++) {
        if (i == 3 && j == 3) {
          break start;
        }
        num++;
      }
    }
    alert(num);
    

    最后 alert(num)打印的值为18。这里当i == 3 && j == 3 的时候,跳出 start 标签标记的全部循环。

    1. 以上例子使用的是 break,现在使用 continue 再来看看:
    var num = 0;
    start:
    for (var i = 0; i < 5; i++) {
      for (var j = 0; j < 5; j++) {
        if (i == 3 && j == 3) {
          continue start;
        }
        num++;
      }
    }
    alert(num);
    

    可以看到,最后 alert(num)打印的值为23continue start 语句只跳出了 j 循环,并且跳到了 start标签标记的循环,所以 i 循环会继续执行。

    相关文章

      网友评论

        本文标题:JavaScript Label 标签语句

        本文链接:https://www.haomeiwen.com/subject/cwlioktx.html