JavaScript中的label语句，及应用

Posted 2020-12-02 AiTing on the way

label语句：可以在代码中添加标签，以便将来使用。

　　语法：label : statement

　　示例：

start:
  for(var i=0;i<10;i++){
    console.log(i);
  };

　　示例扩展：

start:
  for(var i=0;i<10;i++){
    console.log(i);
    for(var j=0;j<5;j++){
      console.log(‘j‘+j);
      if(i>5){
        // break;      //只终止了最近的一个循环，上一个循环未终止
        break start;      //全部终止了

      }
    }
  };

 

应用场景：

var itemsId = [1,3];
var all = [[{id:1,name:hehe},{id:3,name:hehe}],[{id:2,name:hehe},{id:4,name:hehe}]];
//我们有上边两个数组，itemsId是id数组，all是一个二维数组，其中的元素是，按照id的奇偶进行区分放置的，项目的对象。现在我们希望找到每个items中id对应的对象，这时候就要多重循环来查找：
for(var i=0;i<itemsId.length;i++){
    for(var j=0;j<all.length;j++){
        for(var k=0;k<all[j].length;k++){
            if( all[j][k].id == itemsId[i] ){
                console.log(all[j][k]);
                break;
            }
        }
    }
}
//这时候我们会发现，当我们找到合适的对象之后，使用break只能跳出最内层的k循环，而j循环会继续执行下去。就产生了许多没必要的循环。我们希望，当找到之后，直接跳到j循环外，从下一个id开始查找。此时，就要用到label了。代码如下：
for(var i=0;i<itemsId.length;i++){
    outPoint:
    for(var j=0;j<all.length;j++){
        for(var k=0;k<all[j].length;k++){
            if( all[j][k].id == itemsId[i] ){
                console.log(all[j][k]);
                break outPoint;
            }
        }
    }
}
//这样，在all[j][k].id == itemsId[i]的时候，就会跳出到outPoint的位置，直接跳出两个循环，从下一个id开始查找。少循环了许多次。