首页 > 代码库 > javascript 显示对象的三种方法
javascript 显示对象的三种方法
以前发了个调试javascript时显示复杂对象的方法，
有同学说为什么不用JSON.stringify(obj) 呢，有同学说用console.log(obj),
为搞清楚这个问题，我试验了下这3个方法并做了比较，比较结果见图，代码在下面。
有几点说明下：
1.从 ECMAScript 5th Edition 开始，JavaScript 内建了 JSON 对象，不用引js文件。
2.alert(JSON.stringify(window)),会报TypeError: cyclic object value 异常的错，
3.condole.log在控制台显示内容，点击可查看详情。
大家感觉那个方法好，自取吧。
?<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<script type="text/javascript" src="http://www.mamicode.com/
http://code.jquery.com/jquery-1.11.2.min.js
"></script>
<script type="text/javascript">
var obj=new Object();
obj["lv1_1"]="test1";
obj["lv1_2"]=new Object();
obj["lv1_2"]["lv2"]="test2";
function debugShow(obj){
var str="";
for(var k in obj){
str+=k+":"+obj[k]+"\r\n";
}
alert(str);
}
function consoleLog(obj){
console.log(obj);
}
function jsonfun(obj){
alert(JSON.stringify(obj));
}
</script>
<style type="text/css">
td{
border-style:solid;
}
</style>
</head>
<body>
new Object():
<input type="button" onclick="debugShow(obj)" value="http://www.mamicode.com/debugShow当前对象"/>
<input type="button" onclick="jsonfun(obj)" value="http://www.mamicode.com/JSON.stringify当前对象"/>
<input type="button" onclick="consoleLog(obj)" value="http://www.mamicode.com/console当前对象"/>
<br/>
jQuery:
<input type="button" onclick="debugShow($(‘input‘))" value="http://www.mamicode.com/debugShow当前对象"/>
<input type="button" onclick="jsonfun($(‘input‘))" value="http://www.mamicode.com/JSON.stringify当前对象"/>
<input type="button" onclick="consoleLog($(‘input‘))" value="http://www.mamicode.com/console当前对象"/>
<br/>
window:
<input type="button" onclick="debugShow(window)" value="http://www.mamicode.com/debugShow当前对象"/>
<input type="button" onclick="jsonfun(window)" value="http://www.mamicode.com/JSON.stringify当前对象"/>
<input type="button" onclick="consoleLog(window)" value="http://www.mamicode.com/console当前对象"/>
<br/>
</body>
</html>
javascript 显示对象的三种方法