关于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 ready和load事件的区别示例介绍
Aug 30 Javascript
解决js函数闭包内存泄露问题的办法
Jan 25 Javascript
jQuery改变form表单的action,并进行提交的实现代码
May 25 Javascript
javascript中使用未定义变量或值的情况分析
Jul 19 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
详解js静态资源文件请求的处理
Aug 01 Javascript
JS中Swiper的使用和轮播图效果
Aug 11 Javascript
vue组件父子间通信之综合练习(聊天室)
Nov 07 Javascript
js实现旋转的星空效果
Nov 01 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
May 20 Javascript
写一个Vue loading 插件
Nov 09 Javascript
Vue接口封装的完整步骤记录
May 14 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
php 字符转义 注意事项
2009/05/27 PHP
php中取得文件的后缀名?
2012/02/20 PHP
PHP数据流应用的一个简单实例
2012/09/14 PHP
PHPMailer发送HTML内容、带附件的邮件实例
2014/07/01 PHP
php封装的图片(缩略图)处理类完整实例
2016/10/19 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
微信企业转账之入口类分装php代码
2018/10/01 PHP
PHP使用递归按层级查找数据的方法
2019/11/10 PHP
PHP+MySql实现一个简单的留言板
2020/07/19 PHP
js读取本地excel文档数据的代码
2010/11/11 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
2012/06/28 Javascript
让angularjs支持浏览器自动填表
2014/11/10 Javascript
浅谈javascript 迭代方法
2015/01/21 Javascript
JavaScript获取浏览器信息的方法
2015/11/20 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
Python画图学习入门教程
2016/07/01 Python
python实现向微信用户发送每日一句 python实现微信聊天机器人
2019/03/27 Python
python字符串中匹配数字的正则表达式
2019/07/03 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
斯凯奇美国官网:SKECHERS美国
2016/08/20 全球购物
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
美国班级戒指、帽子和礼服、毕业产品、年鉴:Balfour
2018/11/01 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
员工自我鉴定
2013/10/09 职场文书
大学四年职业生涯规划书范文
2014/01/02 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
学校宣传标语
2014/06/18 职场文书
男性健康日的活动方案
2014/08/18 职场文书
网络营销计划书
2015/01/17 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书
java设计模式--三种工厂模式详解
2021/07/21 Java/Android
mysql字段为NULL索引是否会失效实例详解
2022/05/30 MySQL