案例

我们看如下对象:

?
1
2
3
4
5
6
7
8
9
var data={
  张三:69,
  李四:72,
  王五:90,
  二麻子:88,
  前端博客:100,
  haorooms : 98,
  王大壮:99
}

假如上面是后台返回的一个key,一个是value的对象(这种对象相信大家经常遇到吧!),现在要把这个内容,循环绑定到一个表格中。有的朋友对对象的循环就不知道怎么操作了!今天我给大家介绍两个方法!

方法一:

用$.each的方式进行循环!

假如你不知道$.each的话,建议大家网上搜一搜。当然也可以搜索一下“jquery的$().each,$.each的区别”,关于他们的区别,我在这里就不详细介绍了。可能有的朋友$().each这个方式用的比较多,今天主要给大家介绍$.each。

$.each()可以遍历数组和对象。方式如下:

?
1
2
3
4
$.each([{“name”:”haorooms”,”email”:”bb@126.com”},{“name”:”qianduan”,”email”:”aa@hao.com”}],function(i,n)
{
alert(“索引:”+i,”对应值为:”+n.name);
});

也可以这么遍历:

?
1
2
3
4
var arr1 = [ “one”, “two”, “three”, “four”, “five” ];
$.each(arr1, function(){
alert(this);
});

输出:one   two  three  four   five
最爽的是可以遍历数组:

?
1
2
3
4
5
var obj =data;//上面复制的data
$.each(obj, function(key, val) {
alert(obj[key]);//可以输出成绩
console.log(key);//可以输出姓名
});

方法二:

用for in循环,可以遍历obj

对上面的对象,我们可以这么写来循环!

?
1
2
3
4
for(var i in data){
 console.dir(i);//输出姓名
 console.dir(data[i]);//输出分数
}

for in循环相信大家应该不陌生!for循环我们用到比较多的是for(var i=0;i<array.length;i++)这样,这个主要是针对数组来循环的。对于对象,我们通常用for in循环!

另外,假如我们遇到如下对象:

?
1
2
3
4
5
6
7
8
9
var data={
  张三:69,
  李四:72,
  王五:90,
  二麻子:88,
  前端博客:100,
  haorooms : 98,
  王大壮:99
}

我们可以用data.haorooms得到98,但是我们用“data.前端博客”会报错,因此,在我们用汉字做key值的时候,选取的时候应该用data["前端博客"],这种方式来选择,不要再用点号了。

以上就是jquery中object对象循环遍历的方法,希望对大家的学习有所帮助。

PHP打印对象 用[]可以 用.不可以 不知所以然相关推荐

  1. python3 打印对象的全部属性

    __dict__方法 遇到这样一个情况,要打印出一个对象的各种属性.但是不同对象的属性名都不一样,结构也不同,无法写一个代码来实现.然后我找到了__dict__,使用这个属性,可以动态获取到对象的所有 ...

  2. swift如何打印对象的地址

    swift如何打印对象的地址 打印对象的地址还是有着很多实用价值的,在swift中,你可以用以下的方式打印一个对象的地址: 打印结果: 有时候,if let a = b 这种操作会给人一种错觉,认为 ...

  3. 打印对象和toString方法

    JAVA对象 java对象是都是Object类的实例,都可直接调用该类中定义的方法,这些方法提供了处理java对象的通用方法. > > 6.2.1打印对象和toString方法     先 ...

  4. php 打印对象详细信息,php打印显示数组与对象的函数详解

    php打印显示数组与对象的函数详解 发布于 2014-11-17 18:55:49 | 699 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hypertext P ...

  5. 无侵入性的在日志中打印对象的关键字段

    我们在开发的时候,经常要打印日志,有的时候会在一些代码的关键节点处进行日志输出. 使用logback/log4j等原生的日志框架,在日志输出的时候可能会遇到一个问题,那就是在打印对象的时候要求对象必须 ...

  6. python类的属性和对象属性_Python打印对象的全部属性

    原标题:Python打印对象的全部属性 __dict__方法 遇到这样一个情况,要打印出一个对象的各种属性.但是不同对象的属性名都不一样,结构也不同,无法写一个代码来实现.然后我找到了__dict__ ...

  7. 利用反射打印对象一般成员属性值

    为什么80%的码农都做不了架构师?>>>    利用反射打印对象一般成员属性值 public static void printVoOrDtoVal(Object obj){ Str ...

  8. python打印对象地址_Python打印对象的全部属性

    __dict__方法 遇到这样一个情况,要打印出一个对象的各种属性.但是不同对象的属性名都不一样,结构也不同,无法写一个代码来实现.然后我找到了__dict__,使用这个属性,可以动态获取到对象的所有 ...

  9. js控制台打印对象时,属性显示有值,进一步打印属性为空

    控制台在打印对象时,会出现打印值和实际值不一样,或者对象展开和折叠时值不同等情况 这是因为:console.log()输出对象或数组时是在控制台显示一个对象或数组的引用 当打印的对象和数组在打印后进行 ...

最新文章

  1. 索引是建的越多越好吗?
  2. vue webpack打包入口文件是哪个_Vue项目起步
  3. 关于mouseenter、mouseover、mouseout、mouseleave的理解
  4. denied mysql permission_启动Mysql数据库报错误:-bash: ./start.sh: Permission denied
  5. 【模型解读】历数GAN的5大基本结构
  6. Leetcode Wildcard Matching
  7. CodeForces - 1252L Road Construction(基环树+有源汇有上下界的最大流)
  8. php5.6non thread safe 区别,PHP版本Non Thread Safe和Thread Safe如何选择?区别是什么?
  9. 影视感悟专题---1、B站-魔兽世界代理及其它乱七八糟
  10. android wear评测,android wear5.1怎么样 android wear5.1更新评测
  11. 初探下一代SIEM核心技术发展趋势
  12. Java面向对象的构造方法例子
  13. Java5种算术运算符,Java算术运算符
  14. 泰勒(Taylor)展开式(泰勒级数)
  15. 如何给外行解释云计算
  16. 深度学习项目-图片自动着色
  17. 电子凸轮追剪曲线生成算法 理解后可转成其他品牌PLC或任何一种编程语言
  18. 适合大学生用的网课作业搜题找答案的神器分享~~
  19. Warshall算法的实现(两种方式)
  20. 对应分析图解读的七种方法

热门文章

  1. Zotero + connected papers论文顺藤摸瓜
  2. 开源 | 爱奇艺网络流量分析引擎QNSM及其应用
  3. 四川小学计算机的组成是几年级学,小学三年级计算机教案
  4. “北大数学系扫地僧” 等十人获奖,均分1000万元,达摩院2021青橙奖出炉
  5. (海伦公式)已知三角形三条边长,求面积
  6. tomcat启动报错,找不到对应的 queue,从而引发内存泄漏
  7. App测试中IOS和安卓测试的区别
  8. 天翎低代码平台助力企业业务流程集成,为企业降本增效
  9. CVPR 2016 摘要阅读
  10. 免费使用腾讯云每天定时签到京东领取京豆