关于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 相关文章推荐
通过jquery实现tab标签浏览效果
Feb 20 Javascript
JavaScript 数组运用实现代码
Apr 13 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
火狐下table中创建form导致两个table之间出现空白
Sep 02 Javascript
js arguments,jcallee caller用法总结
Nov 30 Javascript
JavaScript伸缩的菜单简单示例
Dec 03 Javascript
Jquery实现的一种常用高亮效果示例代码
Jan 28 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
Dec 14 Javascript
详解react、redux、react-redux之间的关系
Apr 11 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
Sep 18 Javascript
uni-app实现获取验证码倒计时功能
Nov 01 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
完善CodeIgniter在IDE中代码提示功能的方法
2014/07/19 PHP
JS基础之undefined与null的区别分析
2011/08/08 Javascript
jsonp原理及使用
2013/10/28 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
JS实现倒计时和文字滚动的效果实例
2014/10/29 Javascript
setTimeout内不支持jquery的选择器的解决方案
2015/04/28 Javascript
JavaScript中数据结构与算法(三):链表
2015/06/19 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
jquery过滤特殊字符',防sql注入的实现方法
2016/08/17 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
2017/01/06 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
2017/10/26 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
2019/04/22 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
[31:01]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS Orenda
2014/05/23 DOTA
[01:14:34]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第一局
2016/02/28 DOTA
django使用xlwt导出excel文件实例代码
2018/02/06 Python
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
python 字符串只保留汉字的方法
2018/11/16 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
pow在python中的含义及用法
2019/07/11 Python
Python网络编程之使用TCP方式传输文件操作示例
2019/11/01 Python
Python 模拟动态产生字母验证码图片功能
2019/12/24 Python
Pycharm生成可执行文件.exe的实现方法
2020/06/02 Python
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
银行个人求职自荐信范文
2013/12/16 职场文书
法制宣传日活动总结
2014/04/29 职场文书
运动会班级前导词
2015/07/20 职场文书
MySQL 开窗函数
2022/02/15 MySQL
Python识别花卉种类鉴定网络热门植物并自动整理分类
2022/04/08 Python
python多次执行绘制条形图
2022/04/20 Python