关于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的25个步骤 千倍级效率提升
Feb 11 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
JavaScript实现基于十进制的四舍五入实例
Jul 17 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
Aug 24 Javascript
js+canvas简单绘制圆圈的方法
Jan 28 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
Sep 27 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
Oct 30 Javascript
详解Vue2 无限级分类(添加,删除,修改)
Mar 07 Javascript
webpack实现一个行内样式px转vw的loader示例
Sep 13 Javascript
Iview Table组件中各种组件扩展的使用
Oct 20 Javascript
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
JS运算符优先级与表达式示例详解
Sep 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实现Mysql读写分离
2013/06/28 PHP
php获取目标函数执行时间示例
2014/03/04 PHP
php开启与关闭错误提示适用于没有修改php.ini的权限
2014/10/16 PHP
Laravel5中contracts详解
2015/03/02 PHP
PHP+jquery+CSS制作头像登录窗(仿QQ登陆)
2016/10/20 PHP
PHP面向对象程序设计继承用法简单示例
2018/12/28 PHP
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
2017/06/07 Javascript
layer 刷新某个页面的实现方法
2019/09/05 Javascript
vue设置动态请求地址的例子
2019/11/01 Javascript
JS document form表单元素操作完整示例
2020/01/13 Javascript
React Ant Design树形表格的复杂增删改操作
2020/11/02 Javascript
python操作数据库之sqlite3打开数据库、删除、修改示例
2014/03/13 Python
在python中的socket模块使用代理实例
2014/05/29 Python
flask中的wtforms使用方法
2018/07/21 Python
python字典的setdefault的巧妙用法
2019/08/07 Python
Python学习笔记之错误和异常及访问错误消息详解
2019/08/08 Python
如何在python中实现随机选择
2019/11/02 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
爬虫代理的cookie如何生成运行
2020/09/22 Python
python代码实现图书管理系统
2020/11/30 Python
CSS3中的5个有趣的新技术
2009/04/02 HTML / CSS
Toppik顶丰增发纤维官网:解决头发稀疏
2017/12/30 全球购物
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
详解如何解决使用JSON.stringify时遇到的循环引用问题
2021/03/23 Javascript
大学生专科毕业生自我评价
2013/11/17 职场文书
仓管员岗位责任制
2014/02/19 职场文书
自荐信的基本格式
2014/02/22 职场文书
班组拓展活动方案
2014/08/14 职场文书
员工激励培训演讲稿
2014/09/16 职场文书
工厂仓库管理员岗位职责
2015/04/09 职场文书
《梅花魂》教学反思
2016/02/18 职场文书