关于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 相关文章推荐
面向对象设计模式的核心法则
Nov 10 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
Nov 09 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
Vue内容分发slot(全面解析)
Aug 19 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
template.js前端模板引擎使用详解
Oct 10 Javascript
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
Angular7中创建组件/自定义指令/管道的方法实例详解
Apr 02 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
Apr 09 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
Sep 24 Javascript
vue+element_ui上传文件,并传递额外参数操作
Dec 05 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
中国的第一台收音机
2021/03/01 无线电
PHP 批量删除数据的方法分析
2009/10/30 PHP
php 生成文字png图片的代码
2011/04/17 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
php Calender(日历)代码分享
2014/01/03 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
PHP aes (ecb)解密后乱码问题
2015/06/22 PHP
Javascript 表单之间的数据传递代码
2008/12/04 Javascript
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
2009/02/04 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
javascipt匹配单行和多行注释的正则表达式
2013/11/20 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
基于jQuery ztree实现表格风格的树状结构
2018/08/31 jQuery
React降级配置及Ant Design配置详解
2018/12/27 Javascript
JavaScript使用Math.random()生成简单的验证码
2019/01/21 Javascript
深入学习JavaScript 高阶函数
2019/06/11 Javascript
vue如何在项目中调用腾讯云的滑动验证码
2020/07/15 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
[01:25]DOTA2自定义游戏灵园鬼域等你踏足
2015/10/30 DOTA
[40:17]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第一场
2018/04/06 DOTA
Python描述器descriptor详解
2015/02/03 Python
python删除过期文件的方法
2015/05/29 Python
Python实现Kmeans聚类算法
2020/06/10 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
python动态规划算法实例详解
2020/11/22 Python
Abbacino官网:包、钱包和女士配饰
2019/04/15 全球购物
采购员岗位职责
2013/11/15 职场文书
大学生文员专业个人求职信范文
2014/01/05 职场文书
国税会议欢迎词
2014/01/16 职场文书
迎元旦广播稿
2014/02/22 职场文书
物流管理专业毕业生自荐信
2014/03/04 职场文书
竞选演讲稿范文大全
2014/05/12 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
pytorch 实现多个Dataloader同时训练
2021/05/29 Python