关于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实现炫酷的鼠标轨迹特效
Feb 01 Javascript
jQuery简单实现验证邮箱格式
Jul 15 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
Sep 27 Javascript
实例详解angularjs和ajax的结合使用
Oct 22 Javascript
JavaScript常用基础知识强化学习
Dec 09 Javascript
下雪了 javascript实现雪花飞舞
Aug 02 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
jQuery 自定义下拉框(DropDown)附源码下载
Jul 22 Javascript
vue之数据交互实例代码
Jun 16 Javascript
vue element-ui之怎么封装一个自己的组件的详解
May 20 Javascript
深入解析koa之异步回调处理
Jun 17 Javascript
vue中使用v-for时为什么不能用index作为key
Apr 04 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
PHP设计模式之观察者模式实例
2016/02/22 PHP
php获取linux命令结果的实例
2017/03/13 PHP
php PDO判断连接是否可用的实现方法
2017/04/03 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
2017/11/03 PHP
PHP基础之输出缓冲区基本概念、原理分析
2019/06/19 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
PHP 计算至少是其他数字两倍的最大数的实现代码
2020/05/26 PHP
IE DOM实现存在的部分问题及解决方法
2009/07/25 Javascript
点击页面其它地方隐藏该div的两种思路
2013/11/18 Javascript
javascript定时器完整实例
2015/02/10 Javascript
jQuery实现的图片轮播效果完整示例
2016/09/12 Javascript
JS动态生成年份和月份实例代码
2017/02/04 Javascript
原生JS实现 MUI导航栏透明渐变效果
2017/11/07 Javascript
微信jssdk踩坑之签名错误invalid signature
2020/05/19 Javascript
原生JavaScript实现拖动校验功能
2020/09/29 Javascript
下载安装setuptool和pip linux安装pip    
2014/01/24 Python
Python获取任意xml节点值的方法
2015/05/05 Python
Python的Django框架中的表单处理示例
2015/07/17 Python
在Python程序和Flask框架中使用SQLAlchemy的教程
2016/06/06 Python
python中使用print输出中文的方法
2018/07/16 Python
Python 类,property属性(简化属性的操作),@property,property()用法示例
2019/10/12 Python
Python使用urlretrieve实现直接远程下载图片的示例代码
2020/08/17 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
使用CSS3制作响应式导航菜单的方法
2015/07/12 HTML / CSS
static关键字的用法
2013/10/07 面试题
优秀交警事迹材料
2014/01/26 职场文书
幼儿发展评估方案
2014/06/11 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
2014年新教师工作总结
2014/11/08 职场文书
资料员岗位职责范本
2015/04/13 职场文书
2015年计生工作总结范文
2015/04/24 职场文书
行政处罚事先告知书
2015/07/01 职场文书
机关干部纪律作风整顿心得体会
2016/01/23 职场文书
话题作文之成长
2019/12/09 职场文书
完美解决golang go get私有仓库的问题
2021/05/05 Golang
MySQL事务操作的四大特性以及并发事务问题
2022/04/12 MySQL