关于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 相关文章推荐
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
Javascript document.referrer判断访客来源网址
May 15 Javascript
javascript实现的在当前窗口中漂浮框的代码
Mar 15 Javascript
基于jQuery的图片剪切插件
Aug 03 Javascript
js实现点击链接后窗口缩小并居中的方法
Mar 02 Javascript
IScroll5 中文API参数说明和调用方法
May 21 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
微信小程序 定位到当前城市实现实例代码
Feb 23 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
Jun 13 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
Dec 21 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 Javascript
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
简单采集了yahoo的一些数据
2007/02/14 PHP
php pcntl_fork和pcntl_fork 的用法
2009/04/13 PHP
Gambit vs CL BO3 第一场 2.13
2021/03/10 DOTA
Div自动滚动到末尾的代码
2008/10/26 Javascript
toString()一个会自动调用的方法
2010/02/08 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
Kibo 用于处理键盘事件的Javascript工具库
2011/10/28 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
2012/01/20 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
iframe子页面与父页面在同域或不同域下的js通信
2014/05/07 Javascript
jQuery获取对象简单实现方法小结
2014/10/30 Javascript
多个jQuery版本共存的处理方案
2015/03/17 Javascript
Ztree新增角色和编辑角色回显问题的解决
2016/10/25 Javascript
JS根据生日月份和日期计算星座的简单实现方法
2016/11/24 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
Angular 4.x中表单Reactive Forms详解
2017/04/25 Javascript
javascript中的隐式调用
2018/02/10 Javascript
微信公众号平台接口开发 菜单管理的实现
2019/08/14 Javascript
JavaScript实现轮播图效果
2020/10/30 Javascript
[07:06]2018DOTA2国际邀请赛寻真——卫冕冠军Team Liquid
2018/08/10 DOTA
Python常见字典内建函数用法示例
2018/05/14 Python
python生成lmdb格式的文件实例
2018/11/08 Python
PIL图像处理模块paste方法简单使用详解
2019/07/17 Python
浅谈tensorflow 中的图片读取和裁剪方式
2020/06/30 Python
Python中用xlwt制作表格实例讲解
2020/11/05 Python
python 通过pip freeze、dowload打离线包及自动安装的过程详解(适用于保密的离线环境
2020/12/14 Python
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
比利时的在线灯具店:Lampen24.be
2019/07/01 全球购物
Jacques Lemans德国:奥地利钟表品牌
2019/12/26 全球购物
计算机应用职专应届生求职信
2013/11/12 职场文书
国贸专业个人求职信分享
2013/12/04 职场文书
销售会计岗位职责
2014/03/15 职场文书
预备党员承诺书
2014/03/25 职场文书
法制教育演讲稿
2014/09/10 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
教师节表彰会主持词
2015/07/06 职场文书