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.附录:

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

js中forEach无法跳出循环?的更多相关文章

  1. JS中forEach和map的区别

    共同点: 1.都是循环遍历数组中的每一项. 2.forEach()和map()里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input. 3.匿名函数中 ...

  2. js中 forEach 和 map 区别

    共同点: 1.都是循环遍历数组中的每一项. 2.forEach()和map()里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input. 3.匿名函数中 ...

  3. js中forEach，for in，for of循环的用法详解

    一.一般的遍历数组的方法: var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i) { console.log(i,a ...

  4. js中forEach，for in，for of循环的用法

    from:https://www.cnblogs.com/amujoe/p/8875053.html 一.一般的遍历数组的方法: var array = [1,2,3,4,5,6,7]; for (v ...

  5. 十 js中forEach，for in，for of循环的用法

    一.一般的遍历数组的方法: var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i++) { console.log(i ...

  6. js中forEach,for in,for of的区别

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. JS中forEach的用法

    forEach是ES5中操作数组的一种方法,主要功能是遍历数组,例如: 1 2 var arr = [1,2,3,4]; arr.forEach(alert); 等价于: 1 2 3 4 var ar ...

  8. js 中 forEach 和 map

    共同点: 1.都是循环遍历数组中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组input. 3.匿名 ...

  9. 关于js中for in和foreach in的区别

    js 中for in 和foreach in的区别 两个的作用都用来遍历对象,但为什么有了for in语句了还要foreach in语句呢,后来看了下foreach in开发的文档,foreach i ...

随机推荐

  1. python实现的json数据以HTTP GET,POST,PUT,DELETE方式页面请求

    一.JSON简介 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写.同时也易于机器解析和生成.它基于JavaScript Programm ...

  2. C语言实现词频统计——第二版

    原需求 1.读取文件,文件内包可含英文字符,及常见标点,空格级换行符. 2.统计英文单词在本文件的出现次数 3.将统计结果排序 4.显示排序结果 新需求: 1.小文件输入. 为表明程序能跑 2.支持命 ...

  3. ArcGIS上根据经纬度求地球表面两点间距离的实现

    ArcGIS上根据经纬度求地球表面两点间距离的实现 以米为单位..Net2.0,C#实现.        public static double DistanceOfTwoPoints(double ...

  4. lua绑定c++的时候常见得错误

    1 Error parsing reanslation unit 这种情况,首先来说你的python 2.7以及他的插件安装是完整的,最可能的原因就是自己写的ini文件,header路径错误,可以把这 ...

  5. mysql的一些心得

    1.unsigned修饰整型 ,既为非负数,用此类型可以增加数据长度! 类型                 大小            范围(有符号)                         ...

  6. CODESOFT中线条形状该如何绘制

    CODESOFT条码设计软件提供了一系列工具,可帮助您设计完美的标签.在CODESOFT进行标签设计时,经常会需要创建除条码,文本对象除外的一些对象,那就是形状对象.如线条.圆形.矩形等.通过下面的示 ...

  7. 【caffe-windows】 caffe-master 之 cifar10 超详细

    本教程尽量详细,大多步骤都有图,如果运行出错,请先对照自己的文件是否和图上的一样,包括标点啊,空格啊,斜杠,反斜杠啊之类的小细节. 本例程是在 win10 64位   caffe-master     ...

  8. asp.net 配置 X-Frame-Options

    近日网站在安全检查,送检的网站被反馈有以下问题 X-Frame-Options Header未配置 漏洞描述: 弱点描述: X-Frame-Options HTTP响应头可以指示浏览器是否允许当前网页 ...

  9. SQL基本语句（3） LOAD DATA INFILE

    使用LOAD语句批量录入数据 语法: LOAD DATA [LOW_PRIORITY | CONCURRENT] [LOCAL] INFILE 'file_name' [REPLACE | IGNOR ...

  10. 过河-状压DP

    http://www.luogu.org/problem/show?pid=1052 题目描述 在河上有一座独木桥,一只青蛙想沿着独木桥从河的一侧跳到另一侧.在桥上有一些石子,青蛙很讨厌踩在这些石子上 ...