JavaScript对象遍历属性和值

加入你输出来一个对象,但是苦于不知道里面有哪些属性和值,这个时候,你可以通过下面的代码来遍历这个对象,从而输出全部的属性和值。

一个是通过for循环来输出,一个则是通过for……in。

var len = obj.length;
for(var i=0; i<len; i++){
console.log(obj[i]);
}

第二个则是for in

for(var p in obj){
// 方法
if(typeof(obj[p])=="function"){
obj[p]();
}else{
// p 为属性名称,obj[p]为对应属性的值
props+= p + "=" + obj[p]+"<br />";
}
}
// 最后显示所有的属性
console.log(props);

希望以上能够帮到你,世界杯期间,前端博客可能更新不是很多,下次将会继续一些有用的JavaScript技巧,特别是ajax方面的东西,因为我自己了解和使用的也是很少,通过写博客来学习掌握。

新的主题怎么样,取名Blink(闪亮),希望这个博客一直闪亮下去。下次有机会写一篇关于这个主题的一些技巧和制作内容。

「五年博客,如果觉得我的文章对您有用,请帮助本站成长」

订阅周报 关注微博

原创文章:JavaScript对象遍历属性和值 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/javascript-object-3.html)

发表评论

请登录后发表评论:

“JavaScript对象遍历属性和值”有2个评论

  1. 二次元的集训

    没有简单粗暴的 Object.keys 嘛w?Object.keys ({ ... }).forEach(function (name) { console.log ('%s: %s', name, testObj[name]);});

    登录回复