关于JavaScript中forEach和each用法浅析


Posted in Javascript onJuly 27, 2017

本文主要给大家介绍了关于JavaScript中forEach和each的相关内容,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍:

forEach是ES5中操作数组的一种方法,主要功能是遍历数组,例如:

var arr = [1,2,3,4];

arr.forEach(alert);

等价于:

var arr = [1, 2, 3, 4];

for (var k = 0, length = arr.length; k < length; k++) {

 alert(array[k]);

}

forEach方法中的function回调有三个参数:第一个参数是遍历的数组内容,第二个参数是对应的数组索引,第三个参数是数组本身

因此:

[].forEach(function(value,index,array){



//code something


});

等价于:

$.each([],function(index,value,array){



//code something


})

写一个例子;

var arr = [1,2,3,4];

arr.forEach(function(value,index,array){

 array[index] == value; //结果为true

 sum+=value; 

 });

console.log(sum); //结果为 8

map:map即是 “映射”的意思 用法与 forEach 相似,用法即:

[].map(function(value,index,array){

//code

})

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
JavaScript中将一个值转换为字符串的方法分析[译]
Sep 21 Javascript
jQuery遍历json中多个map的方法
Feb 12 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
May 24 Javascript
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
微信小程序 蓝牙的实现实例代码
Jun 27 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
Jul 27 Javascript
浅谈Vue响应式(数组变异方法)
May 07 Javascript
使用Angular-CLI构建NPM包的方法
Sep 07 Javascript
iview的table组件自带的过滤器实现
Jul 12 Javascript
JavaScript实现左右滚动电影画布
Feb 06 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
Easyui使用Dialog行内按钮布局的实例
Jul 27 #Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
Jul 27 #Javascript
js实现日期显示的一些操作(实例讲解)
Jul 27 #Javascript
Angular通过angular-cli来搭建web前端项目的方法
Jul 27 #Javascript
使用JavaScript开发跨平台的桌面应用详解
Jul 27 #Javascript
详解VueJS 数据驱动和依赖追踪分析
Jul 26 #Javascript
前端主流框架vue学习笔记第二篇
Jul 26 #Javascript
You might like
让php处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
php 操作符与控制结构
2012/03/07 PHP
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
AngularJS指令详解及示例代码
2016/08/16 Javascript
JS实现获取当前URL和来源URL的方法
2016/08/24 Javascript
Bootstrap框架实现广告轮播效果
2016/11/28 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
2017/02/27 Javascript
关于Node.js的events.EventEmitter用法介绍
2017/04/01 Javascript
讲解vue-router之什么是动态路由
2018/05/28 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
JS对象属性的检测与获取操作实例分析
2020/03/17 Javascript
详解JavaScript匿名函数和闭包
2020/07/10 Javascript
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python中文竖排显示的方法
2015/07/28 Python
解决Python中字符串和数字拼接报错的方法
2016/10/23 Python
wxPython之解决闪烁的问题
2018/01/15 Python
Python+matplotlib绘制不同大小和颜色散点图实例
2018/01/19 Python
pytorch模型存储的2种实现方法
2020/02/14 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
详解CSS3的图层阴影和文字阴影效果使用
2016/06/09 HTML / CSS
Reformation官网:美国女装品牌
2018/09/14 全球购物
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
物流管理专业应届生求职信
2013/11/21 职场文书
高二美术教学反思
2014/01/14 职场文书
小学生红领巾广播稿
2014/01/21 职场文书
检举信的格式及范文
2014/04/04 职场文书
学雷锋宣传标语
2014/06/25 职场文书
2014年医院十一国庆节活动方案
2014/09/15 职场文书
代领学位证书毕业证书委托书
2014/09/30 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
第四次工业革命,打工人与机器人的竞争
2022/04/21 数码科技
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技