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将标签元素的高设为屏幕的百分比
Apr 19 jQuery
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 jQuery
jQuery实现动态删除LI的方法
May 30 jQuery
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
jQuery实现滚动效果
Nov 17 jQuery
jQuery中$原理实例分析
Aug 13 jQuery
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 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自定义函数转换html标签示例
2016/09/29 PHP
拖动一个HTML元素
2006/12/22 Javascript
js用图作提交按钮或超连接
2008/03/26 Javascript
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
关于 文本框默认值 的操作js代码
2012/01/12 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
不得不分享的JavaScript常用方法函数集(上)
2015/12/23 Javascript
jquery日历插件e-calendar升级版
2016/11/10 Javascript
ThinkJS中如何使用MongoDB的CURD操作
2016/12/13 Javascript
js实现登录验证码
2016/12/22 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
2017/03/03 Javascript
浅谈Vue-cli 命令行工具分析
2017/11/22 Javascript
浅谈Angular文字折叠展开组件的原理分析
2017/11/24 Javascript
微信小程序http连接访问解决方案的示例
2018/11/05 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
[55:45]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第一局
2016/02/28 DOTA
python 多进程通信模块的简单实现
2014/02/20 Python
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
12个步骤教你理解Python装饰器
2019/07/01 Python
python Qt5实现窗体跟踪鼠标移动
2019/12/13 Python
Python运行提示缺少模块问题解决方案
2020/04/02 Python
Python如何读写字节数据
2020/08/05 Python
Html5上传图片 移动端、PC端通用代码
2016/06/08 HTML / CSS
CK美国官网:Calvin Klein
2016/08/26 全球购物
25道Java面试题集合
2013/05/21 面试题
药学专业毕业生求职信
2013/10/20 职场文书
项目合作计划书
2014/01/09 职场文书
医生进修自我鉴定
2014/01/19 职场文书
主管会计岗位职责
2014/03/13 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
2016元旦主持人开场白
2015/12/03 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
Springboot集成阿里云OSS上传文件系统教程
2021/06/28 Java/Android
MYSQL如何查看进程和kill进程
2022/03/13 MySQL