关于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编程起步(第七课)
Feb 27 Javascript
function, new function, new Function之间的区别
Mar 08 Javascript
javascript的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
javascript 必知必会之closure
Sep 21 Javascript
JavaScript 学习初步 入门教程
Mar 25 Javascript
JavaScript中去掉数组中的重复值的实现方法
Aug 03 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
Apr 06 Javascript
easyui Droppable组件实现放置特效
Aug 19 Javascript
JavaScript知识点整理
Dec 09 Javascript
如何用JavaScript实现动态修改CSS样式表
May 20 Javascript
详解vue.js下引入百度地图jsApi的两种方法
Jul 27 Javascript
使用typescript改造koa开发框架的实现
Feb 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
短波收音机简介
2021/03/01 无线电
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
PHP 数组实例说明
2008/08/18 PHP
第五章 php数组操作
2011/12/30 PHP
php中Session的生成机制、回收机制和存储机制探究
2014/08/19 PHP
php实现的AES加密类定义与用法示例
2018/01/29 PHP
js innerHTML 的一些问题的解决方法
2008/06/22 Javascript
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
2009/09/09 Javascript
IE事件对象(The Internet Explorer Event Object)
2012/06/27 Javascript
requireJS使用指南
2016/04/27 Javascript
jquery 动态合并单元格的实现方法
2016/08/26 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
2017/07/08 jQuery
Vue.js实现网格列表布局转换方法
2017/08/25 Javascript
jQuery实现弹出层效果
2019/12/10 jQuery
JavaScript函数柯里化实现原理及过程
2020/12/02 Javascript
Hadoop中的Python框架的使用指南
2015/04/22 Python
Python函数式编程指南(三):迭代器详解
2015/06/24 Python
Python中二维列表如何获取子区域元素的组成
2017/01/19 Python
Python学习pygal绘制线图代码分享
2017/12/09 Python
python初学之用户登录的实现过程(实例讲解)
2017/12/23 Python
python实现xlsx文件分析详解
2018/01/02 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
Python实现RGB与HSI颜色空间的互换方式
2019/11/27 Python
numpy按列连接两个维数不同的数组方式
2019/12/06 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
可视化pytorch 模型中不同BN层的running mean曲线实例
2020/06/24 Python
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
亿阳信通股份有限公司笔试题(C#)
2016/03/04 面试题
秘书专业自荐信范文
2013/12/26 职场文书
运动会演讲稿200字
2014/08/25 职场文书
讲文明知礼仪演讲稿
2014/09/13 职场文书
博士导师推荐信
2015/03/25 职场文书
借条如何写
2015/05/26 职场文书
村主任当选感言
2015/08/01 职场文书
《牧场之国》教学反思
2016/02/22 职场文书