关于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代码)
Oct 29 Javascript
jQuery的学习步骤
Feb 23 Javascript
js冒泡法和数组转换成字符串示例代码
Aug 14 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
Nov 25 Javascript
JS去掉第一个字符和最后一个字符的实现代码
Feb 20 Javascript
使用Chrome浏览器调试AngularJS应用的方法
Jun 18 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
Apr 14 Javascript
JavaScript跨域调用基于JSON的RESTful API
Jul 09 Javascript
AngularJS  自定义指令详解及实例代码
Sep 14 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
vue 的点击事件获取当前点击的元素方法
Sep 15 Javascript
JQuery判断radio单选框是否选中并获取值的方法
Jan 17 jQuery
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 pack与unpack 摸板字符字符含义
2009/10/29 PHP
PHP clearstatcache()函数详解
2010/03/02 PHP
php实现图片文件与下载文件防盗链的方法
2014/11/03 PHP
PHP页面静态化――纯静态与伪静态用法详解
2020/06/05 PHP
表单元素事件 (Form Element Events)
2009/07/17 Javascript
javascript 从if else 到 switch case 再到抽象
2010/07/17 Javascript
理解JSON:3分钟课程
2011/10/28 Javascript
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
js实现div的切换特效上一个下一个
2014/02/11 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
2015/01/13 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
基于AGS JS开发自定义贴图图层
2017/03/31 Javascript
Vue计算属性的使用
2017/08/04 Javascript
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
python实现发送和获取手机短信验证码
2016/01/15 Python
Django实现自定义404,500页面教程
2017/03/26 Python
详解python分布式进程
2018/10/08 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
tensor和numpy的互相转换的实现示例
2019/08/02 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
python实现双色球随机选号
2020/01/01 Python
VSCode基础使用与VSCode调试python程序入门的图文教程
2020/03/30 Python
解决python3.6用cx_Oracle库连接Oracle的问题
2020/12/07 Python
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
Boston Proper官网:美国女装品牌
2017/10/30 全球购物
Lime Crime官网:美国一家主打梦幻精灵系的彩妆品牌
2019/03/22 全球购物
在数据文件自动增长时,自动增长是否会阻塞对文件的更新
2014/05/01 面试题
服装厂厂长岗位职责
2013/12/27 职场文书
大学生职业生涯规划范文——找准自我,定位人生
2014/01/23 职场文书
教学质量评估实施方案
2014/03/17 职场文书
班级课外活动总结
2014/07/09 职场文书
火锅店的活动方案
2014/08/15 职场文书
高中生旷课检讨书
2014/10/08 职场文书
学习三严三实心得体会
2014/10/13 职场文书
教您:房贷工资收入证明应该怎么写?
2019/08/19 职场文书
Java 超详细讲解设计模式之中的抽象工厂模式
2022/03/25 Java/Android