`

遍历Javascript对象的所有属性和方法

Javascript遍历对象 
阅读更多
网上流行的一段遍历Javascript对象的所有属性和方法的代码如下:
参考: http://coral0212.iteye.com/blog/436462 
javascript遍历对象属性和方法

function allPrpos(obj) {
    // 用来保存所有的属性名称和值
    var props = "";
    // 开始遍历
    for(var p in obj){
      // 方法
      if(typeof(obj[p])=="function"){
      obj[p]();
      }else{
      // p 为属性名称，obj[p]为对应属性的值
      props+= p + "=" + obj[p] + "\t";
      }
     }
    // 最后显示所有的属性
    alert(props);
}

上面的obj[p]();这句什么用的?
答:经过判断 obj[p]这个其实是一个函数,后面加上() 表示执行那个函数.放到这里没什么意思
注释掉这句,貌似输出也没什么变化.
另外,if(typeof(obj[p])=="function") 这句判断,貌似也不需要,因为去掉判断,直接遍历,输出也不变.
下面是测试代码: 
<html>
<head>
<title>一个使用到for...in循环的Javascript示例</title>
</head>
<body>
<script type="text/javascript">

	function allPrpos ( obj )
	{
		// 用来保存所有的属性名称和值
		var props = [] ;
		// 开始遍历
		for ( var p in obj )
		{
			// 方法
			if ( typeof ( obj [ p ]) == " function " )
			{
				obj [ p ]() ;
			} 
			else 
			{
				// p 为属性名称，obj[p]为对应属性的值
				//document.writeln( "<pre>" + p + " = " + obj [ p ] + "</pre> </br> ");
			}
			document.write( "<pre>" + p + " = " + obj [ p ] + "</pre> ");
		}
	}

	allPrpos(window);
	
</script>
</body>
</html>
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics