js for等循环 跳出多层循环
js for 循环 跳出多层循环
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 会直接跳出多层循环,返回调用的方法外部
原因: 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外层循环 } } } 或者: 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循环然后外面的循环都会继续循环
return 不能用在for中的函数体中,如果遇到这种情况,可以使用标志位,如下
for(var k=0; k<service_ids.length; k++) { var delete_flag = true await deleteService(service_ids[k]).then(response => { }).catch(error => { delete_flag = false workflowStepsParam = workflowSteps console.log(error)
// return 这里的return不会生效 }) if(!delete_flag) { return } }
forEach方法如何跳出循环
1.for方法跳出循环
function getItemById(arr, id) { var item = null; for (var i = 0; i < arr.length; i++) { if (arr[i].id == id) { item = arr[i]; break; } } return item; }
2.forEach方法跳出循环
function getItemById(arr, id) { var item = null; try { arr.forEach(function (curItem, i) { if (curItem.id == id) { item = curItem; throw Error(); } }) } catch (e) { } return item; }
3.备注
3.1 forEach的优势一个是它的回调函数形成了一个作用域,它的curItem和i不会像for循环一样污染全局变量,再一个是更容易写出来函数式的代码,和map、filter、reduce这些高阶函数是一脉相承的。
3.2 forEach()本身无法跳出循环,必须遍历所有的数据才能结束。参考链接:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach