js map满足条件跳出循环_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

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

return 不能用在for中的函数体中,如果遇到这种情况,可以使用标志位,如下

for(var k=0; k

await deleteService(service_ids[k]).then(response =>{

}).catch(error =>{

delete_flag= falseworkflowStepsParam=workflowSteps

console.log(error)

// return 这里的return不会生效

})if(!delete_flag) {return}

}

1.for方法跳出循环

48304ba5e6f9fe08f3fa1abda7d326ab.png

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;

}

48304ba5e6f9fe08f3fa1abda7d326ab.png

2.forEach方法跳出循环

48304ba5e6f9fe08f3fa1abda7d326ab.png

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;

}

48304ba5e6f9fe08f3fa1abda7d326ab.png

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

b40515e7ae6195c95e5f7d17fed13222.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值