关于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转换字符串为dom对象(字符串动态创建dom)
May 10 Javascript
js操作select控件的几种方法
Jun 02 Javascript
JS操作Cookies包括(读取添加与删除)
Dec 26 Javascript
jquery实现table鼠标经过变色代码
Sep 25 Javascript
Javascript控制input输入时间格式的方法
Jan 28 Javascript
简单实现js选项卡切换效果
Feb 03 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
Dec 23 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
Dec 28 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
微信小程序3D轮播实现代码
Sep 19 Javascript
Vue项目接入Paypal实现示例详解
Jun 04 Javascript
JavaScript实现鼠标移入随机变换颜色
Nov 24 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
利用js调用后台php进行数据处理原码
2006/10/09 PHP
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
php+mongodb判断坐标是否在指定多边形区域内的实例
2016/10/28 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
PHP日志LOG类定义与用法示例
2018/09/06 PHP
JavaScript方法和技巧大全
2006/12/27 Javascript
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
jquery渐隐渐显的图片幻灯闪烁切换实现方法
2015/02/26 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
Bootstrap每天必学之进度条
2015/11/30 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
使用重写url机制实现验证码换一张功能
2017/08/01 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
深入浅出vue图片路径的实现
2019/09/04 Javascript
JavaScript数组常用的增删改查与其他属性详解
2020/10/13 Javascript
vue项目中js-cookie的使用存储token操作
2020/11/13 Javascript
[46:42]DOTA2-DPC中国联赛正赛 Aster vs Magma BO3 第二场 3月5日
2021/03/11 DOTA
Python  __getattr__与__setattr__使用方法
2008/09/06 Python
python快速排序代码实例
2013/11/21 Python
在Python的Django框架中创建和使用模版
2015/07/15 Python
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
浅谈Python 中整型对象的存储问题
2016/05/16 Python
Python中使用多进程来实现并行处理的方法小结
2017/08/09 Python
python中比较两个列表的实例方法
2019/07/04 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
python使用正则表达式匹配txt特定字符串(有换行)
2020/12/09 Python
CSS3 transition 实现通知消息轮播条
2020/10/14 HTML / CSS
Python面试题:Python里面如何生成随机数
2015/03/12 面试题
中学教师培训制度
2014/01/31 职场文书
文化建设工作方案
2014/05/12 职场文书
护士求职信
2014/07/05 职场文书
个人股份合作协议书
2014/10/24 职场文书
高考学习决心书
2015/02/04 职场文书
民主评议教师党员自我评价
2015/03/04 职场文书
干货:如何写好工作计划!
2019/05/17 职场文书