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

作者 : 开心源码 本文共1706个字,预计阅读时间需要5分钟 发布时间: 2022-05-12 共209人阅读

今天写带代码的时候遇到一段代码,需要终止运行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循环而后外面的循环都会继续循环

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » js for终止循环 跳出多层循环

发表回复