JavaScript forEach()遍历函数使用及介绍

 更新时间:2015年07月08日 09:46:07   投稿:junjie  
这篇文章主要介绍了JavaScript forEach()遍历函数使用及介绍,本文讲解了使用forEach遍历数组的用法以及提前终止循环的一个方法技巧,需要的朋友可以参考下

forEach()函数从头到尾把数组遍历一遍。有三个参数分别是:数组元素,元素的索引,数组本身(如果是一个参数就是数组元素,也就是数组的值。

var data=[1,2,3,4,5,6];
var sum=0;
data.forEach(function(v){//其中的v就是数组的值 123456
sum+=v;})
document.write(sum+"<br>");//打印出来是21
data.forEach(function(o,p,q){//分别对应:数组元素,元素的索引,数组本身
 q[p]=o+1;
})
document.write(data);

注意:forEach无法在所有元素都传递给调用的函数之前终止(而for循环却有break方法),如果要提前终止,必须把forEach放在try块中,并能抛出一个异常。如果forEach()调用的函数抛出foreach.break异常,循环会提前终止:

function foreach(a,b,c){
 try{
  a.forEach(b,c);
}catch(e){
  if(e===foreach.break)return;
 else throw e;
}
}
foreach.break=new Error("StopIteration");

}


相关文章

  • JavaScript indexOf忽略大小写

    JavaScript indexOf忽略大小写

    javascript中indexOf函数是严格区分大小写的,也就是当我们使用javascript的indexOf函数的时候, 是无法进行大小写同时进行的。为我们的一些字符串操作造成了困难。
    2009-03-03
  • 理解Javascript_15_作用域分配与变量访问规则,再送个闭包

    理解Javascript_15_作用域分配与变量访问规则,再送个闭包

    在阅读本博文之前,请先阅读《理解Javascript_13_执行模型详解》 在'执行模型详解'中讲到了关于作用域分配的问题,这一篇博文将详细的说明函数对象、作用域链与执行上下文的关系。
    2010-10-10
  • js实现网页图片轮换播放

    js实现网页图片轮换播放

    这篇文章主要为大家详细介绍了js实现网页图片轮换播放,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 移动端js图片查看器

    移动端js图片查看器

    这篇文章主要为大家详细介绍了js图片查看器的制作方法,可以实现图片的滑动等效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 基于JS实现计算24点算法代码实例解析

    基于JS实现计算24点算法代码实例解析

    这篇文章主要介绍了基于JS实现计算24点算法代码实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • 原生js实现页面滚动动画

    原生js实现页面滚动动画

    这篇文章主要为大家详细介绍了原生js实现页面滚动动画,使用了requestAnimationFrame,文中示例代码介绍的非常详细,具有一定的参考价值,感为兴趣的小伙伴们可以参考一下
    2022-01-01
  • JS的千分位算法实现思路

    JS的千分位算法实现思路

    本文为大家讲解下JS的千分位算法的具体实现,先去除空格,判断是否空值和非数;针对是否有小数点,分情况处理;感兴趣的朋友可以参考下
    2013-07-07
  • 理解javascript中的MVC模式

    理解javascript中的MVC模式

    这篇文章主要为大家介绍了javascript中的MVC模式,MVC是一种软件架构模式,一般把软件模式分为三部分,本文就针对MVC模式的三部分进行讲解,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 理解Javascript闭包

    理解Javascript闭包

    闭包是ECMAScript一个很重要的特征,但是却很难用合适的定义来描述它。虽然闭包很难清晰地描述,但是,却很容易创建,或者说,不小心创建。然而,闭包的存在其实是有一定的潜在问题的。为了避免“不小心”地创建闭包,以及更好地利用闭包的优点,有必要理解闭包的机制
    2013-11-11
  • 微信小程序实现带刻度尺滑块功能

    微信小程序实现带刻度尺滑块功能

    这篇文章主要介绍了微信小程序实现带刻度尺滑块功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03

最新评论