之前在读《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开始查找。少循环了许多次。