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获取table下某一行某一列的值实现代码
Apr 07 jQuery
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
jquery 键盘事件的使用方法详解
Sep 13 jQuery
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
js/jQuery实现全选效果
Jun 17 jQuery
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
jQuery实现鼠标拖拽登录框移动效果
Sep 13 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系统中使用PHP 5.3之后的库
2015/12/02 PHP
Laravel最佳分割路由文件(routes.php)的方式
2016/08/04 PHP
php微信公众平台开发(一) 配置接口
2016/12/06 PHP
CodeIgniter框架常见用法工作总结
2017/03/16 PHP
PHP PDOStatement::getColumnMeta讲解
2019/02/01 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
JavaScript中“基本类型”之争小结
2013/01/03 Javascript
JS、CSS加载中的小问题探讨
2013/11/26 Javascript
基于jQuery实现仿微博发布框字数提示
2016/07/27 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
jquery 正整数数字校验正则表达式
2017/01/10 Javascript
javaScript+turn.js实现图书翻页效果实例代码
2017/02/16 Javascript
js实现一个猜数字游戏
2017/03/31 Javascript
Vue2.0 http请求以及loading展示实例
2018/03/06 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
2018/10/23 Javascript
JavaScript 生成唯一ID的几种方式
2021/02/19 Javascript
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
[01:03]悬念揭晓 11月26日DOTA2完美盛典不见不散
2017/11/23 DOTA
python二分查找算法的递归实现方法
2016/05/12 Python
python urllib爬取百度云连接的实例代码
2017/06/19 Python
13个最常用的Python深度学习库介绍
2017/10/28 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
python 内置模块详解
2019/01/01 Python
python 实现多维数组转向量
2019/11/30 Python
Django数据统计功能count()的使用
2020/11/30 Python
Ticketmaster意大利:音乐会、节日、艺术和剧院的官方门票
2019/12/23 全球购物
电气专业应届生求职信
2013/11/01 职场文书
企业内部培训方案
2014/02/04 职场文书
学生期末评语大全
2014/04/30 职场文书
小学生学习雷锋倡议书
2014/05/15 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
2016年重阳节慰问信
2015/12/01 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python
分享mysql的current_timestamp小坑及解决
2021/11/27 MySQL