jQuery each和js forEach用法比较


Posted in jQuery onFebruary 27, 2019

本文实例分析了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.3water.com/code/HtmlJsRun测试上述代码运行效果。

jQuery 相关文章推荐
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
jquery实现购物车基本功能
Oct 25 jQuery
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
jquery css实现流程进度条
Mar 26 jQuery
jquery实现轮播图特效
Apr 12 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 jQuery
jQuery中each和js中forEach的区别分析
Feb 27 #jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 #jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 #jQuery
jQuery表单元素过滤选择器用法实例分析
Feb 20 #jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 #jQuery
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 #jQuery
jQuery选择器之层次选择器用法实例分析
Feb 19 #jQuery
You might like
PHP通过反射动态加载第三方类和获得类源码的实例
2015/11/27 PHP
PHP7 mongoDB扩展使用的方法分享
2019/05/02 PHP
Javascript技术技巧大全(五)
2007/01/22 Javascript
javascript 常用方法总结
2009/06/03 Javascript
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
从零学jquery之如何使用回调函数
2014/05/16 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
2014/07/18 Javascript
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
vue的基本用法与常见指令
2017/08/15 Javascript
vue2.0 资源文件assets和static的区别详解
2018/04/08 Javascript
Angular5中提取公共组件之radio list的实例代码
2018/07/10 Javascript
jQuery 操作 HTML 元素和属性的方法
2018/11/12 jQuery
微信小程序实现点击图片旋转180度并且弹出下拉列表
2018/11/27 Javascript
vue使用codemirror的两种用法
2019/08/27 Javascript
手写Vue弹窗Modal的实现代码
2019/09/11 Javascript
Vue实现剪切板图片压缩功能
2020/02/04 Javascript
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
Python常用时间操作总结【取得当前时间、时间函数、应用等】
2017/05/11 Python
Python代码太长换行的实现
2019/07/05 Python
关于Python核心框架tornado的异步协程的2种方法详解
2019/08/28 Python
python使用for...else跳出双层嵌套循环的方法实例
2020/05/17 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
机械设计专业应届生求职信
2013/11/21 职场文书
工地资料员岗位职责
2013/12/31 职场文书
《将心比心》教学反思
2014/04/08 职场文书
工作推荐信范文
2014/05/10 职场文书
水污染治理工程专业自荐信
2014/06/21 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
大学军训的体会
2014/11/08 职场文书
2015幼儿园庆元旦活动方案
2014/12/09 职场文书
2016年大学生暑期社会实践方案
2015/11/26 职场文书
如何理解及使用Python闭包
2021/06/01 Python
十大最强奥特曼武器:怪兽战斗仪在榜,第五奥特之父只使用过一次
2022/03/18 日漫
MySQL解决Navicat设置默认字符串时的报错问题
2022/06/16 MySQL