jQuery each和js forEach用法比较
更新时间：2019年02月27日 14:39:36 作者：翘首以望
这篇文章主要介绍了jQuery each和js forEach用法,结合实例形式对比分析了jQuery each和js forEach具体使用方法及相关操作注意事项,需要的朋友可以参考下
本文实例分析了jQuery each和js forEach用法。分享给大家供大家参考，具体如下：
对于遍历数组的元素，js和jquery都有类似的方法，js用的是forEach而jquery用的是each，简单举例;
var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]);
arr.forEach(function(item){
alert(item); //b, 2, a, 4和c,3,d,6
});
如果forEach里的回调函数只有一个参数则代表该集合里的元素;
var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]);
arr.forEach(function(item, i){
alert(item+"-"+i); //b, 2, a, 4-1和c,3,d,6-2;
item.forEach(function(items, j){
alert(items+"---------"+j); //b------0;2-------1;a----2;4------3; c-----0;3-----1;d----2;6----3
});
});
如果forEach里有两个参数，则第一个参数为该集合里的元素，第二个参数为集合的索引;
在jquery里则不同;
var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]);
$.each(arr, function(item){
alert(item); //0;1
});
如果回调函数里只有一个参数时，则为集合的索引;
var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]);
$.each(arr, function(i, item){
alert(item+"-"+i); //b, 2, a, 4-1和c,3,d,6-2;
$.each(item, function(j, items){
alert(items+"---------"+j); //b------0;2-------1;a----2;4------3; c-----0;3-----1;d----2;6----3
});
});
如果有两个参数，则第一个为索引，第二个该集合里的元素;
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
PS：这里再为大家推荐一款JS数组遍历方式分析对比工具供大家参考：
在线JS常见遍历方式性能分析比较工具：http://tools.jb51.net/aideddesign/js_bianli
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
下面小编就为大家带来一篇浅谈jquery拼接字符串效率比较高的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
这篇文章主要为大家详细介绍了jQuery自定义数值抽奖活动的相关代码，具有一定的参考价值，感兴趣的朋友可以参考一下2016-06-06
这篇文章主要介绍了JQuery实现可直接编辑的表格,实例分析了jQuery动态操作编辑表格的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
制作左右按钮与标题文字图片切换效果的方法有很多，在本文为大家介绍下使用jquery图片切换插件是如何实现的，感兴趣的朋友不要错过2013-11-11
这篇文章主要介绍了jQuery切换所有复选框选中状态的方法,可实现批量切换复选框选中状态的功能,需要的朋友可以参考下2015-07-07
jquery简单选择器的使用方法。jquery中最基本的东西了。2010-08-08
这篇文章主要介绍了greybox——不开新窗口看新的网页2007-02-02
这篇文章主要介绍了jquery+CSS3实现淘宝移动网页菜单效果,实例分析了jquery操作页面样式动态变换及热区的选择技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
有朋友问我，在是使用eclipse的过程中遇到了这么一个问题--eclipse导入jquery包后报错——究竟是什么原因导致这一问题发生的呢？该如何解决此问题呢？下面小编给大家带来了解决办法，不妨一起看看吧2015-12-12
计划总是赶不上变化，这篇插件开发的文章本应在上周完成，由于手头的项目实在紧张，只好让路吧，嘿嘿。今天将跟大家一起完成这个插件的开发流程。2011-08-08
最新评论