前文
没怎么理解JavaScript的forEach
方法的童鞋使用forEach
时很容易遇到一个问题就是,当你想要跳出这个循环时,发现return
、break
是不起作用的。下面我们来分析一下原因以及解决方法。
正文
首先我们要知道的是forEach
方法的机制是对数组的每个有效元素执行一次callback
函数,然后return
、break
等只作用于一个函数,也就造成了无法跳出forEach
循环的问题,而是只能跳过当前函数的执行。
解决方案
曲线救国(SegmentFault)
通过使用抛出异常的方式可以中止。
function foo(arr ,item){
var BreakException= {};
try {
arr.forEach(function(i) {
if(i === item) throw BreakException;
console.log(i);
});
} catch(e) {
if (e!==BreakException) throw e;
}
}
Array.some&Array.every
正常的使用环境:如果是测试一个数组里的元素是否符合某条件,且需要返回一个布尔值则应该使用这两个方法。这里可用于跳出循环。
function foo(arr ,item){
arr.some(function(i) {
if(i === item) return true;
console.log(i);
});
}
function foo(arr ,item){
arr.every(function(i) {
if(i === item) return false;
console.log(i);
});
}
循规蹈矩
如果你需要这样,使用forEach()方法是错误的,你可以用一个简单的循环作为替代。— — MDN
对于多重for循环,我们跳出循环需要特殊处理一下:
xh: //首先将循环命名
for(var i=0;i<10;i++){
for(var j=0;j<5;j++){
if(i==3 && j==4){
break xh; //跳出循环xh
}
}
}
参考
1 https://segmentfault.com/q/1010000003866554
2 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach