关于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学习笔记(九) js对象 设计模式
Jun 19 Javascript
jquery 页面滚动到指定DIV实现代码
Sep 25 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
May 11 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
Jan 05 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
Jan 13 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
ES6与CommonJS中的模块处理的区别
Jun 13 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
Jul 25 Javascript
vue自定v-model实现表单数据双向绑定问题
Sep 03 Javascript
详解React之key的使用和实践
Sep 29 Javascript
JS如何实现封装列表右滑动删除收藏按钮
Jul 23 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网站提速三大“软”招
2006/10/09 PHP
深入解析php模板技术原理【一】
2008/01/10 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
jQuery获取对象简单实现方法小结
2014/10/30 Javascript
node.js中的fs.createReadStream方法使用说明
2014/12/17 Javascript
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
2016/06/09 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
2017/02/28 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
2017/05/20 jQuery
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
javascript中如何判断类型汇总
2019/05/14 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
js 函数性能比较方法
2020/08/24 Javascript
vue组件中节流函数的失效的原因和解决方法
2020/12/02 Vue.js
Python中的map()函数和reduce()函数的用法
2015/04/27 Python
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
Python Web编程之WSGI协议简介
2018/07/18 Python
Python中如何导入类示例详解
2019/04/17 Python
使用python实现简单五子棋游戏
2019/06/18 Python
Django命名URL和反向解析URL实现解析
2019/08/09 Python
基于python实现地址和经纬度转换
2020/05/19 Python
python raise的基本使用
2020/09/10 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
HTML5制作酷炫音频播放器插件图文教程
2014/12/30 HTML / CSS
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
自荐信格式技巧有哪些呢
2013/11/19 职场文书
英文简历中的自我评价用语
2013/12/09 职场文书
咖啡馆创业计划书
2014/01/26 职场文书
婚礼秀策划方案
2014/05/19 职场文书
信息管理与信息系统专业求职信
2014/06/21 职场文书
授权委托书
2014/07/31 职场文书
2015秋季开学典礼主持词
2015/07/16 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
导游词之天津盘山
2019/11/01 职场文书