JavaScript中的 map forEach 无法跳出循环 return和 break不起作用 可以使用every 和 some方法

在我们平时使用习惯中，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 );});

案例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;});

案例2： 使用return不退出循环

let arr = [1,2,3,4,5];arr.map( item => {if ( 3 == item ) {return;}console.log( item );return item;});

二、想跳出循环可以使用every 和 some方法，下面是简单的总结：

1、some : 当内部return true时跳出整个循环

let arr = [1,2,3,4,5];arr.some( item => {if ( 3 == item ) {return true;}console.log( item );});

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;}});

【答疑】两种没写 return true 情况下，打印信息：

【备注】： 这里没写 return true，与写了return true，打印出来的数据是不一样的，大家根据自己需求酌情考虑采用何种方式。