JavaScript for循环终止与多层循环跳出方法详解

JavaScript for循环终止与多层循环跳出方法详解

在编写JavaScript代码时，经常需要遍历JSON数据并进行条件判断，此时可能需要终止当前的for循环执行。

<script>
var Tid="55555";
var jb51cp = [
{id:66666,Cpurl:"https://baidu.com"},
{id:55555,Cpurl:"https://www.jb51.net"}
];
 
 
for(var i = 0; i < jb51cp.length; i++){
	if(jb51cp[i].id==Tid){
	var	thevalue=jb51cp[i].Cpurl;
	break;
		}
}
alert(thevalue);
</script>

上述示例代码能够解决基本需求，但从性能角度考虑，建议优先使用switch语句，因为JSON数据适合批量输出，而使用for循环进行判断可能会降低执行效率。请特别注意代码中break语句的位置。

示例代码

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语句可以直接跳出多层循环，并返回到调用该方法的外部。原因在于JavaScript中的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从而可以退出特定的循环 如

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循环然后外面的循环都会继续循环