JavaScript中label语句的使用


之前在读《javascript高级程序设计》的时候,看到过lable语句,当时看完感觉好像很少用到,但是今天,刚好在项目终于到了合适的场景,合理使用label可以大幅度优化性能。

首先来简单描述一下这个场景:

 1 var itemsId = [1,3];
 2 var all = [[{id:1,name:hehe},{id:3,name:hehe}],[{id:2,name:hehe},{id:4,name:hehe}]];
 3 //我们有上边两个数组,itemsId是id数组,all是一个二维数组,其中的元素是,按照id的奇偶进行区分放置的,项目的对象。现在我们希望找到每个items中id对应的对象,这时候就要多重循环来查找:
 4 for(var i=0;i<itemsId.length;i++){
 5     for(var j=0;j<all.length;j++){
 6         for(var k=0;k<all[j].length;k++){
 7             if( all[j][k].id == itemsId[i] ){
 8                 console.log(all[j][k]);
 9                 break;
10             }
11         }
12     }
13 }
14 //这时候我们会发现,当我们找到合适的对象之后,使用break只能跳出最内层的k循环,而j循环会继续执行下去。就产生了许多没必要的循环。我们希望,当找到之后,直接跳到j循环外,从下一个id开始查找。此时,就要用到label了。代码如下:
15 for(var i=0;i<itemsId.length;i++){
16     outPoint:
17     for(var j=0;j<all.length;j++){
18         for(var k=0;k<all[j].length;k++){
19             if( all[j][k].id == itemsId[i] ){
20                 console.log(all[j][k]);
21                 break outPoint;
22             }
23         }
24     }
25 }
26 //这样,在all[j][k].id == itemsId[i]的时候,就会跳出到outPoint的位置,直接跳出两个循环,从下一个id开始查找。少循环了许多次。
原文地址:https://www.cnblogs.com/wujindong/p/8298908.html