目录

1 遍历数组

1.1 JQuery遍历数组

1.2 原生JS遍历数组

2 遍历对象

2.1 JQuery遍历对象

2.2 原生JS遍历对象

1 遍历数组

1.1 JQuery遍历数组

在JQuery中遍历数组和对象都是使用$.each(object,[callback])来进行遍历。

  • 遍历数组
<script>$(function () {var arr = [1, 3, 5, 7, 9];// 通过jQuery静态方法遍历数组// 第一个回调函数参数是当前遍历的索引// 第二个回调函数参数是遍历到的元素// 返回值: 被遍历的数组var $res2 = $.each(arr, function (idx, ele) {console.log(idx, ele);});console.log($res2);});</script>

1.2 原生JS遍历数组

原生JS通过的forEach()方法对数组进行遍历

<script>$(function () {// 遍历数组var arr = [1, 3, 5, 7, 9];// 3.1.1通过原生方法遍历数组// 第一个回调函数参数是遍历到的元素// 第二个回调函数参数是当前遍历的索引// 返回值: 没有返回值var res = arr.forEach(function (ele, idx) {console.log(idx, ele);});console.log(res);});</script>

2 遍历对象

2.1 JQuery遍历对象

JQuery遍历对象和遍历数组方法一致,都是使用$.each(object,[callback])

<script>$(function () {// 遍历对象var obj = {name: "rtp", age:"33", gender:"male"};// 通过jQuery静态方法遍历对象$.each(obj,function (key, value) {console.log(key, value);});});</script>

2.2 原生JS遍历对象

原生的JS遍历对象没有forEach()方法,而是通过for in对对象进行遍历

<script>$(function () {// 遍历对象var obj = {name: "lnj", age:"33", gender:"male"};// js对象没有forEach方法,所以通过forin方法遍历对象for(var key in obj){console.log(key, obj[key]);}});</script>

JQuery和原生JS遍历数组和对象的对比相关推荐

  1. JS遍历数组和对象的方法

    JS遍历数组的方法有: for forEach for-in for-of map JS遍历对象的方法有 for-in Object.keys Object.getOwnPropertyNames(o ...

  2. vue使用js遍历数组和对象

    前言 在vue中,遍历数组和对象的方式略有不同,不能完全以数组或对象的遍历方式给对方使用并获取数据.为了记录以及以后方便查看,现在对其进行整理. 数组遍历 以数组 array = [1,2,3,4,5 ...

  3. js 遍历数组及对象属性

    遍历数组: for(let i of arr){console.log(i); } 遍历对象属性: for (let i of Object.keys(obj)){console.log(param[ ...

  4. JS遍历数组,对象,字符串

    数组遍历 for --使用变量将数组长度缓存起来,在数组较长时性能优化效果明显 for(var i=0,len=arr.length;i<len;i++){console.log("元 ...

  5. js的数组和对象的多种复制和清空, 以及区分JS数组和对象的方法

    js的数组和对象的多种"复制"和"清空", 以及区分JS数组和对象的方法 一.数组清空与复制方法 1.数组清空的方法 var a = [1,2,3]; a.le ...

  6. 分支结构||分支循环结构||使用原生js遍历对象

    分支循环结构 分支结构 v-show的原理:控制元素样式是否显示 display:none <!DOCTYPE html> <html lang="en"> ...

  7. java和js中遍历数组和对象的总结

    java和js中遍历数组和对象的总结 在这儿写遍历数组和对象,权当复习和总结 1.java中数组的三种初始化方法 ①静态初始化 [java] view plaincopy 1. int[] arr = ...

  8. js、jq遍历数组和对象

    js遍历数组 1.普通for循环 var arr = [1,4,45,34,12,45,56,8]; for ( var i = 0; i <arr.length; i++){console.l ...

  9. js循环遍历数组(对象)

    js循环遍历数组(对象) 1,for循环 对于循环应该是最常用的一种遍历方式了,通常用来遍历数组结构. let arr = ['a','b','c']; for (let i=0; i<arr. ...

最新文章

  1. windows7 telnet linux,Windows下通过Telnet连接linux
  2. Linux配置免密登录
  3. 组建一台计算机3_硬件3 多位运算器
  4. mysql之数据库主从复制配置报错1677
  5. 【译】Introduction to Byteball — Part 2: The DAG
  6. MySQL数据库 Too many connections
  7. Factory Method(工厂方法)--对象创建型模式
  8. 向量表示,投影,协方差矩阵,PCA
  9. 各种排序方法的时间复杂度、空间复杂度和稳定性统计表
  10. 2018码云GVP最有价值开源项目-PDMan-2.1.3 发布—免费的国产数据库建模工具(使用)
  11. STM32F103学习笔记(9)——NB-IoT模块BC26使用
  12. 计算机硬件及装机视频,超详细图文 视频电脑组装教程,装机之家手把手教你组装一台电脑(9)...
  13. 职业教育迎来新的发展期
  14. Tomcat7集群共享Session 基于redis进行统一管理
  15. 为什么我的word一联网打开就很慢,不联网时打开却正常,打印设置问题导致office打开慢
  16. 常用布局方式与常用css
  17. java 实现导出excel模板
  18. 七大Linux桌面介绍:Unity、KDE、GNOME等等
  19. 手机SD卡数据恢复,就是这么简单
  20. 【庖丁解牛】vmware虚拟机使用NAT模式网络

热门文章

  1. webpack bulid后时,网页白屏,报错:导入的资源文件路径不对
  2. linux ls -l 文件大小单位,ls显示文件大小时显示单位
  3. 会声会影(VideoStudio Pro X6)安装了现错误-9解决方法
  4. 青蛙豪华版内存地址修改无限流
  5. QQ能够正常聊天但是浏览器上不了网问题的解决
  6. 刚刚,韦布太空望远镜成功“睁眼”!主镜展开飞向拉格朗日点,网友:百亿美元偷窥外星设备开工大吉...
  7. 草地天空全套26张英文字母
  8. Linux tcp xmit 定时器
  9. Linux查看硬件信息(北桥芯片组、南桥、PCI接口、CPU等)
  10. linux grep +输入输出