js中forEach无法跳出循环?

1.  forEach()

forEach() 方法从头至尾遍历数组,为每个元素调用指定的函数。如上所述,传递的函数作为forEach()的第一个参数。然后forEach()使用三个参数调用该 函数:数组元素、元素的索引和数组本身。如果只关心数组元素的值,可以编写只有一个参数的函数——额外的参数将忽略:

var data = [1,2,3,4,5];

//要求和的数组

// 计算数组元素的和值

var sum = 0;

// 初始为0

data.forEach(function(value){ sum += value; });

// 将每个值累加到sum上

sum

// => 15

// 每个数组元素的值自加1

data.forEach(function(v,i, a){ a[i] = v + 1; });

data

// => [2,3,4,5,6]

注意,forEach()无法在所有元素都传递给调用的函数之前终止遍历。也就是说,没有像for循环中使用的相应的break语句。如果要提前终止,必须把forEach()方法放在一个try块中,并能抛出一个异常。如果forEach()调用的函数抛出foreach.break异常,循环会提前终止:

function foreach(a,f,t){

try { a.forEach(f,t); }

catch(e){

if(e === foreach.break)return;

else throw e;

}

}

foreach.break = new Error("StopIteration");

转自: 《JavaScript权威指南(6版)》7.9.1 forEach()


2.现在让我们来实践一下吧!!!是不是很兴奋?!是不是很激动?!!是不是迫不及待!!!

Let's Go !!!

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript"> function skipOutForeach(){ //1.测试 return,return false是否能跳出循环
var arr = [];
arr = getArr(1,30);
console.log(arr);
arr.forEach(function(el,index){
if (el==20) {
console.log("遇到20,能退出吗?");//并不能
return;//return false;
}else{
console.log(el);
}
}); //2.使用异常的方式来跳出forEach循环---------------------------
console.log("-------------------------------")
var myerror = null;
try{
arr.forEach(function(el,index){
if (el==20) {
console.log("try中遇到20,能退出吗?");//
foreach.break=new Error("StopIteration");
}else{
console.log(el);
}
});
}catch(e){
console.log(e.message);
if(e.message==="foreach is not defined") {
console.log("跳出来了?");//
return;
}else throw e;
}//可以跳出来,那么 我们可以重写foreach方法
//-----------------------------
console.log("aaa"); } // skipOutForeach(); //自定义foreach方法(往Array或String的prototype添加也可以)
function fore7(arr,func){
console.log(arr);
for (var i = 0; i < arr.length; i++) {
var ret= func.call(this,arr[i],i);//回调函数
if(typeof ret !== "undefined"&&(ret==null||ret==false)) break;
} } //自定义foreach,的用法
fore7(getArr(1,30),function(a,i){
console.log(i+':'+a);
if (i==20) return false;//跳出循环
}) //返回min,max之间的数组成的数组,无序
function getArr(min,max){
if(typeof min!=='number'||typeof max !== 'number') return [];
var arr = [];
for (var i = min; i <= max; i++) {
if (arr.length<1) {
arr.push(i);
}else{
var len = arr.length;
var rIndex = Math.round(Math.random()*(len-1));
var temp = arr[rIndex];
arr[rIndex] = i;
arr.push(temp);
}
}
return arr;
}
</script>
</body>
</html>

  3.for循环

    return,break都可以跳出

  但是多重循环呢?

  aaa://需要将循环命名
for(var i=0;i<10;i++){
for(var j=0;j<5;j++){
if(i==3 && j==4){
break aaa;//跳出循环aaa
}
}
}
alert(i);输出3

  4.附录:

js中forEach无法跳出循环?

*: http://*.com/questions/6260756/how-to-stop-javascript-foreach

上一篇:mysql ODBC connector相关问题


下一篇:Form 表单相关小技巧