jsfor循环终止_js for终止循环 跳出多层循环

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

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){

varthevalue=jb51cp[i].Cpurl;

break;

}

}

alert(thevalue);

通过上面的代码，完美解决了我的需求，但感觉性能不高，建议用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

console.log('444');

for(var i=0;i

for(var j=0;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 会直接跳出多层循环,返回调用的方法外部

原因: 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

ccc:

for(var i =0;i

if( i==5 ){

break bbq; //直接跳出bbq外层循环

}

}

}

或者:

function testFor() {

bbq:

for(var k=0;k

console.log('444');

ccc:

for(var i=0;i

ddd:

for(var j=0;j

if(j == 2){

break;

}

console.log('j '+j);

}

console.log('i '+i);

}

console.log('k '+k);

}

}

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