JS中的 map, forEach 无法跳出循环， return和 break不起作用，可以使用every 和 some方法
敲代码的TKP
于 2022-09-01 15:52:47 发布
1711
收藏 1
分类专栏： javaScript es6 文章标签： javascript 开发语言 ecmascript
版权
javaScript
同时被 2 个专栏收录
43 篇文章1 订阅
订阅专栏
es6
1 篇文章0 订阅
订阅专栏
在我们平时使用习惯中，for循环里要跳出整个循环是使用break，但在数组中用forEach循环或者map如要退出整个循环使用break会报错，使用return也不能跳出循环，以下我们就来探索一下正确的跳出循环方案
一、先看一下案例
1、forEach函数
案例1 ： 使用break报错
let arr = [1,2,3,4,5];
const a = 3;
arr.forEach( (item, index) => {
if ( item === a ) {
break;
}
console.log( item );
});
1
2
3
4
5
6
7
8
案例2： 使用return不退出循环
2、map函数
案例1 ： 使用break报错
let arr = [1,2,3,4,5];
arr.map( item => {
if ( 3 == item ) {
break;
}
console.log( item );
return item;
});
1
2
3
4
5
6
7
8
案例2： 使用return不退出循环
let arr = [1,2,3,4,5];
arr.map( item => {
if ( 3 == item ) {
return;
}
console.log( item );
return item;
});
1
2
3
4
5
6
7
8
二、想跳出循环可以使用every 和 some方法，下面是简单的总结：
1、some : 当内部return true时跳出整个循环
let arr = [1,2,3,4,5];
arr.some( item => {
if ( 3 == item ) {
return true;
}
console.log( item );
});
1
2
3
4
5
6
7
2、every : 当内部return false时跳出整个循环（需要写 return true ）
let arr = [1,2,3,4,5];
arr.every( item => {
if ( 3 == item ) {
return false;
}else{
console.log( item );
return true;
}
});
1
2
3
4
5
6
7
8
9
【答疑】两种没写 return true 情况下，打印信息：
【备注】： 这里没写 return true，与写了return true，打印出来的数据是不一样的，大家根据自己需求酌情考虑采用何种方式。
————————————————
版权声明：本文为CSDN博主「敲代码的TKP」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/TKP666/article/details/126644797