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实现全选、全不选以及单选功能
Mar 23 jQuery
jQuery实现鼠标经过显示动画边框特效
Mar 24 jQuery
jQuery正则验证注册页面经典实例
Jun 10 jQuery
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
jquery实现左右轮播图效果
Sep 28 jQuery
jQuery Datatables表头不对齐的解决办法
Nov 27 jQuery
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 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入门的学习方法
2007/01/02 PHP
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
调试PHP程序的多种方法介绍
2014/11/06 PHP
PHP自定义函数判断是否为Get、Post及Ajax提交的方法
2017/07/27 PHP
laravel框架模型和数据库基础操作实例详解
2020/01/25 PHP
jquery简单实现图片切换效果的方法
2015/05/12 Javascript
纯JavaScript实现的分页插件实例
2015/07/14 Javascript
jQuery实现的tab标签切换效果示例
2016/09/05 Javascript
功能强大的jquery.validate表单验证插件
2016/11/07 Javascript
基于jquery实现多选下拉列表
2017/08/02 jQuery
react native与webview通信的示例代码
2017/09/25 Javascript
Angular网络请求的封装方法
2018/05/22 Javascript
详解JavaScript中关于this指向的4种情况
2019/04/18 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
2019/05/22 Javascript
JavaScript实现的开关灯泡点击切换特效示例
2019/07/08 Javascript
详解elementui之el-image-viewer(图片查看器)
2019/08/30 Javascript
python dict remove数组删除(del,pop)
2013/03/24 Python
Python通过PIL获取图片主要颜色并和颜色库进行对比的方法
2015/03/19 Python
python使用post提交数据到远程url的方法
2015/04/29 Python
python 实现删除文件或文件夹实例详解
2016/12/04 Python
Python OpenCV获取视频的方法
2018/02/28 Python
python使用folium库绘制地图点击框
2018/09/21 Python
局域网内python socket实现windows与linux间的消息传送
2019/04/19 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
2019/06/18 Python
python异常处理try except过程解析
2020/02/03 Python
python+requests接口自动化框架的实现
2020/08/31 Python
python 利用Pyinstaller打包Web项目
2020/10/23 Python
利用Python实现自动扫雷小脚本
2020/12/17 Python
Python爬虫自动化获取华图和粉笔网站的错题(推荐)
2021/01/08 Python
美国手机支架公司:PopSockets
2019/11/27 全球购物
中间件的定义
2016/08/09 面试题
简历的个人自我评价范文
2014/01/03 职场文书
团队精神口号
2014/06/06 职场文书
幼师大班个人总结
2015/02/13 职场文书
书法社团活动总结
2015/05/07 职场文书
《7的乘法口诀》教学反思
2016/02/18 职场文书