关于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 代码也可以变得优美的实现方法
Jun 22 Javascript
jquery利用event.which方法获取键盘输入值的代码
Oct 09 Javascript
jquery访问ashx文件示例代码
Aug 11 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
Nov 10 Javascript
C#中使用迭代器处理等待任务
Jul 13 Javascript
Node.js编写组件的三种实现方式
Feb 25 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 Javascript
树结构之JavaScript
Jan 24 Javascript
js实现控制文件拖拽并获取拖拽内容功能
Feb 17 Javascript
Vue 全家桶实现移动端酷狗音乐功能
Nov 16 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
Dec 10 Javascript
AJAX学习笔记
May 18 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
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
洪恩在线成语词典小偷程序php版
2012/04/20 PHP
thinkPHP的Html模板标签使用方法
2012/11/13 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
javascript[js]获取url参数的代码
2007/10/17 Javascript
广告切换效果(缓动切换)
2009/05/27 Javascript
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
extjs grid设置某列背景颜色和字体颜色的实现方法
2010/09/06 Javascript
js对象的构造和继承实现代码
2010/12/05 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
Angular2使用jQuery的方法教程
2017/05/28 jQuery
JS实现的抛物线运动效果示例
2018/01/30 Javascript
js+css实现打字效果
2020/06/24 Javascript
利用pyinstaller或virtualenv将python程序打包详解
2017/03/22 Python
Django实现快速分页的方法实例
2017/10/22 Python
python 处理telnet返回的More,以及get想要的那个参数方法
2019/02/14 Python
详解python中的生成器、迭代器、闭包、装饰器
2019/08/22 Python
python tkinter GUI绘制,以及点击更新显示图片代码
2020/03/14 Python
Softmax函数原理及Python实现过程解析
2020/05/22 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
Django-simple-captcha验证码包使用方法详解
2020/11/28 Python
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
英国百安居装饰建材网上超市:B&Q
2016/09/13 全球购物
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
财务经理岗位职责
2013/11/09 职场文书
网管求职信
2014/03/03 职场文书
生产部厂长职位说明书
2014/03/03 职场文书
小学生评语大全
2014/04/18 职场文书
学校节能宣传周活动总结
2014/07/09 职场文书
高三毕业评语
2014/12/31 职场文书
考研英语辞职信
2015/05/13 职场文书
2016保送生自荐信范文
2016/01/29 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python
MySQL库表太大怎么办? 数据库分库分表项目实践
2022/04/11 MySQL