javascript仿php的print_r函数输出json数据

下面是详细讲解“JavaScript仿PHP的print_r函数输出JSON数据”的完整攻略：

1. 了解print_r函数

先了解一下print_r函数，它是PHP中一种用于打印一些数据类型的函数，主要用于调试程序，可以输出关于变量的易于理解的信息，包括变量类型和值等。例如：

$array = array('name'=>'Tom', 'age'=>18);
print_r($array);

输出结果如下：

Array(
    [name] => Tom
    [age] => 18
)

2. 将print_r函数移植到JavaScript中

在JavaScript中输出JSON数据，我们可以尝试将PHP中的print_r函数移植到JavaScript中。具体实现如下：

function print_r(json_obj) {
    var level = 1;
    var indent = '\t';
    var output = '';
    var i = 0;

    if(json_obj == null) return 'null';

    if(typeof(json_obj) == 'object') {
        output += '{\n';
        for(var key in json_obj) {
            var value = json_obj[key];
            var keyStr = '\'' + key + '\':';
            if(typeof(value) == 'object') {
                output += Array(level++).join(indent) + keyStr + '\n' + Array(level).join(indent) + print_r(value) + '\n';
            } 
            else {
                output += Array(level++).join(indent) + keyStr + ' \'' + value + '\',\n';
            }
            level--;
        }

        output += '}\n';
    } 
    else output += json_obj + '\n';

    return output;
}

上述代码中，我们定义了一个名字为print_r的函数，接受一个JSON对象作为参数。这个函数能够处理嵌套的JSON对象，并将数据进行递归输出。

3. 示例说明

示例1: 输出简单JSON数据

我们可以使用例子来演示一下如何使用上述的print_r函数。例如我们有一个简单的json数据：

var jsonData1 = {data:{name:'Tom',age:18}};

我们可以调用print_r函数将该json数据输出，这样就可以更加清楚地看到该json数据的格式和内容，代码如下：

console.log(print_r(jsonData1));

上述代码输出结果如下：

{
    'data':{
            'name': 'Tom',
            'age': '18',
        }
}

示例2: 输出嵌套JSON数据

我们再来看一个输出嵌套JSON数据的例子：

var jsonData2 = {
    data:{
        name:'Tom',
        age:18,
        address:{
            city:'Beijing',
            district:'Haidian'
        }
    },
    phone:'123456789'
};

我们再次调用print_r函数将该json数据输出，这样就可以更加清楚地看到该json数据的格式和内容，代码如下：

console.log(print_r(jsonData2));

输出结果如下：

{
        'data':{
            'name': 'Tom',
            'age': '18',
            'address':{
                'city': 'Beijing',
                'district': 'Haidian',
            }
        },
        'phone': '123456789',
}