Welcome 微信登录

首页 / 脚本样式 / JavaScript / JavaScrip实现PHP print_r的数功能(三种方法)

方法一
复制代码 代码如下:
function print_r(theObj) {
    var retStr = "";
    if (typeof theObj == "object") {
        retStr += "<div style="font-family:Tahoma; font-size:7pt;">";
        for (var p in theObj) {
            if (typeof theObj[p] == "object") {
                retStr += "<div><b>["+p+"] => " + typeof(theObj) + "</b></div>";
                retStr += "<div style="padding-left:25px;">" + 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 + " ";
     break;
   case "object":
   default:
     for(var key in o) {
    tmp += indentNextTwo + "[" + key + "] = ";
    tmp += print_r(o[key], (depth+1));
     }
    }
    result += type + " ";
    result += indentNext + "(" + " ";
    result += tmp;
    result += indentNext + ")" + " ";
    return result;
  };
  alert(print_r(json));
   }(json));
 });
});

方法三
复制代码 代码如下:
print_r:function(theObj) {
 var retStr = "";
 if (typeof theObj == "object"||typeof theObj == "array") {
  retStr += "<div style="font-family:Tahoma; font-size:7pt;">";
  for (var p in theObj) {
   if (typeof theObj[p] == "object" || typeof theObj[p] == "array") {
    retStr += "<div><b>["+p+"] => " + typeof(theObj) + "</b></div>";
    retStr += "<div style="padding-left:25px;">" + XFUPLOAD.Tools.print_r(theObj[p]) + "</div>";
   } else {
    retStr += "<div>["+p+"] => <b>" + theObj[p] + "</b></div>";
   }
  }
  retStr += "</div>";
 }
 $("body").append(retStr);
}