JavaScrip实现PHP print_r的数功能(三种方法)_Javascript教程-查字典教程网
JavaScrip实现PHP print_r的数功能(三种方法)
JavaScrip实现PHP print_r的数功能(三种方法)
发布时间:2016-12-30 来源:查字典编辑
摘要:方法一复制代码代码如下:functionprint_r(theObj){varretStr='';if(typeoftheObj=='obj...

方法一

复制代码 代码如下:

function print_r(theObj) {

var retStr = '';

if (typeof theObj == 'object') {

retStr += '<div>';

for (var p in theObj) {

if (typeof theObj[p] == 'object') {

retStr += '<div><b>['+p+'] => ' + typeof(theObj) + '</b></div>';

retStr += '<div>' + print_r(theObj[p]) + '</div>';

} else {

retStr += '<div>['+p+'] => <b>' + theObj[p] + '</b></div>';

}

}

retStr += '</div>';

}

return retStr;

}

方法二

复制代码 代码如下:

$(document).ready(function(){

$('#btn').click(function(){

var jsonStr = $('#jsonData').val();

var json = eval('('+jsonStr+')');

(function(){

var print_r = function(o, depth) {

var result = '';

depth || (depth=1);

var indent = new Array(4*depth+1).join(' ');

var indentNext = new Array(4*(depth+1)+1).join(' ');

var indentNextTwo = new Array(4*(depth+2)+1).join(' ');

var tmp = '';

var type = typeof o;

switch(type) {

case 'string':

case 'number':

case 'boolean':

case 'undefined':

case 'function':

tmp += indent + indentNext + o + "n";

break;

case 'object':

default:

for(var key in o) {

tmp += indentNextTwo + '[' + key + '] = ';

tmp += print_r(o[key], (depth+1));

}

}

result += type + "n";

result += indentNext + '(' + "n";

result += tmp;

result += indentNext + ')' + "n";

return result;

};

alert(print_r(json));

}(json));

});

});

方法三

复制代码 代码如下:

print_r:function(theObj) {

var retStr = '';

if (typeof theObj == 'object'||typeof theObj == 'array') {

retStr += '<div>';

for (var p in theObj) {

if (typeof theObj[p] == 'object' || typeof theObj[p] == 'array') {

retStr += '<div><b>['+p+'] => ' + typeof(theObj) + '</b></div>';

retStr += '<div>' + XFUPLOAD.Tools.print_r(theObj[p]) + '</div>';

} else {

retStr += '<div>['+p+'] => <b>' + theObj[p] + '</b></div>';

}

}

retStr += '</div>';

}

$("body").append(retStr);

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类