js for终止循环跳出多层循环

最新推荐文章于 2025-06-04 16:34:44 发布

转载最新推荐文章于 2025-06-04 16:34:44 发布 · 4.6k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/3970421/blog/2992683

文章标签：

#javascript #前端 #json #ViewUI

本文探讨了JavaScript中使用for循环遍历JSON数据并进行条件判断的效率问题，对比了不同循环控制语句如break、return及迭代器的性能表现，并提出了在复杂逻辑下优化循环性能的策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

今天写带代码的时候遇到一段代码，需要终止运行for，通过遍历json数据实现判断

<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
//前端全栈学习交流圈：866109386
//面向1-3经验年前端开发人员
//帮助突破技术瓶颈，提升思维能力

可见 return 会直接跳出多层循环,返回调用的方法外部原因: js里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外层循环
  }
 }
}
//前端全栈学习交流圈：866109386
//面向1-3经验年前端开发人员
//帮助突破技术瓶颈，提升思维能力

或者:

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);
 }
}
//前端全栈学习交流圈：866109386
//面向1-3经验年前端开发人员
//帮助突破技术瓶颈，提升思维能力

// 只会每次循环j==2时退出ddd循环然后外面的循环都会继续循环

转载于:https://my.oschina.net/u/3970421/blog/2992683