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. java中json包的使用以及字符串,map,list,自定义对象之间的相互转换

    做一个map和字符串的转换,需要导入这些jar包,这是最基本的一些jar包. 经过多方尝试得出结论入下: 首先导入基本包:json-lib-2.2.3-jdk15.jar 如果没有这个jar包,程序是 ...

  2. nyoj 82 迷宫寻宝（一）

    点击打开链接 迷宫寻宝(一) 时间限制:1000 ms  |  内存限制:65535 KB 难度:4 描述 一个叫ACM的寻宝者找到了一个藏宝图,它根据藏宝图找到了一个迷宫,这是一个很特别的迷宫,迷宫 ...

  3. cocos2dx一个场景添加多个层

    首先创建两个layer,以下是头文件 #pragma once#include "cocos2d.h"USING_NS_CC;class BackgroundLayer : pub ...

  4. Spring Data Jpa 规范接口表

      Keyword Sample JPQL snippet And findByLastnameAndFirstname … where x.lastname = ?1 and x.firstname ...

  5. AdapterView的相关知识。

    AdapterView集成自ViewGroup,他的主要子类有AbsListView(Listview,GridView),AbsSpinner(Spinner,Gallery). AdapterVi ...

  6. 菜鸟-手把手教你把Acegi应用到实际项目中(3)

    这一节我们将要了解的是AnonymousProcessingFilter.RememberMeProcessingFilter和LogoutFilter三个过滤器. 1.AnonymousProces ...

  7. 最小生成树之prim

    prim是设置一个初始结点,寻找其周围最小的边权值,并将该结点作为初始结点,继续寻找现在结点周围的边权值的最小值,但要注意如果这次寻找的某个边权值没有上次的小的话仍然保留上一次的边权值,即lowcas ...

  8. 下一代大数据系统和4S标准

    大数据行业发展到今天,它创造的价值和带来的社会效应,大家已经看得很明白,同时很多问题和不足也暴露出来,特别是hadoop能够提供的数据处理能力,现在已经挖掘到极限,但是现在各行业对数据的存储和计算需求 ...

  9. 慧自文档：代替 Everything 来快速查找文件的，实现文件显示在文件夹的层次结构中

    1. 搜索功能和Everything一样快和强大 具有 Everything 搜索快.搜索功能强等优点, 解决了不能方便选择搜索哪个文件夹, 解决了不能同一个画面进行预览等问题 2.文件直接显示到文件 ...

  10. Wordpress SEO对策（译）

    原文link http://netaone.com/wp/wordpress-seo-plugin/ 统一管理SEO对策的设定能够统一管理SEO相关设定的插件:All in One SEO Pack. ...