javascript中的JSON漂亮打印

试图让我的缩进在prettyprint JS函数上正常工作。。 只需要一个简单的JSON字符串化，漂亮的打印

我在一个锁定的旧JS服务器环境中。没有JSON obj。我不能使用JSON.stringify或JSON polyfills，因此我必须编写自己的func

function prettyprint(obj, ind){
  ind = ind || 0;
  var indent = spaces(ind), str = '';

  if((typeof obj).match(/string|number/) || obj == null){
    return indent + obj;

  } else if(obj.push){

    for(var i=0;i<obj.length;i++){
      str = str + prettyprint(obj[i], ind+2 || 2);
    }
    return indent + '[' + str + ']\n';

  } else {

    str = indent + ' {';
    for(var i in obj){
      str = str + '\n' + indent+'  '+ i + ': ' + prettyprint(obj[i], ind+2);
    }
    return str +'\n';

  }

  return str;


  function spaces(n){
    return Array(n).join(' ');
  }
}

---

这就是我正在尝试的等等。。prettyprint{'a'：'b'，'b'：{'c'：'d'}

我认为解决这个问题会很有趣；我试着从修改代码开始，但很快发现在正确的位置管理逗号和回车变得非常复杂

因此，我将其转换为代码，通过传递给它的对象运行，并在格式化输出字符串的过程中发出标记。我已将代码粘贴到下面

prettyPrint.js：

prettyPrint = function (data) {
    return new prettyPrint.processor(data).output;
}

prettyPrint.indentString = '    ';

prettyPrint.processor = function (data) {
    var indent = 0,
        output = '',
        tokens = {
            value: 1,
            openArray: 2,
            arrayValueSeparator: 3,
            closeArray: 4,
            openObject: 5,
            objectValueName: 6,
            objectValueSeparator: 7,
            closeObject: 8
        };

    function isArray(unknown) {
        return Object.prototype.toString.call(unknown) === '[object Array]';
    }

    function isObject(unknown) {
        return Object.prototype.toString.call(unknown) === '[object Object]';
    }

    function space() {
        var count = indent;
        var result = '';
        while (count--) result += prettyPrint.indentString;
        return result;
    }

    function emit(tokenType, value) {
        switch (tokenType) {
            case tokens.value:
                output += value;
                break;

            case tokens.openArray:
                output += '[';
                break;

            case tokens.arrayValueSeparator:
                output += ', ';
                break;

            case tokens.closeArray:
                output += ']';
                break;

            case tokens.openObject:
                output += '{';
                indent += 1;
                break;

            case tokens.objectValueName:
                output += '\n' + space() + (/^[a-z][a-z0-9_]*$/i.test(value) ? value : "'" + value + "'") + ': ';
                break;

            case tokens.objectValueSeparator:
                output += ',';
                break;

            case tokens.closeObject:
                indent -= 1;
                output += '\n' + space() + '}';
                break;
        }
    }

    function process(data) {
        var p, first;

        if (data === undefined) {
            return;
        }

        // Don't surround null with quotes.
        if (data === null) {
            emit(prettyPrint.tokens.value, 'null');
        }

        else if (isArray(data)) {
            emit(tokens.openArray);
            first = true;
            for (p in data) {
                if (!first) {
                    emit(tokens.arrayValueSeparator);
                }
                process(data[p]);
                first = false;
            }
            emit(tokens.closeArray);
        }

        else if (isObject(data)) {
            emit(tokens.openObject);
            first = true;
            for (p in data) {
                if (data.hasOwnProperty(p) && data[p] !== undefined) {
                    if (!first) {
                        emit(tokens.objectValueSeparator);
                    }
                    emit(tokens.objectValueName, p);
                    process(data[p]);
                    first = false;
                }
            }

            emit(tokens.closeObject);
        }

        else if (data instanceof Date) {
            emit(tokens.value, "'" + data.toISOString() + "'");
        }

        else if (typeof data === 'number') {
            emit(tokens.value, isNaN(data) ? 'null' : data.toString());
        }

        else {
            emit(tokens.value, "'" + data.toString() + "'");
        }
    }

    // Start processing the data.
    process(data);

    // Export the data.
    this.output = output;
}

prettyPrint.html：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Pretty Print Testing</title>
    <script type="text/javascript" src="prettyPrint.js"></script>
</head>
<body>

<pre id="pretty1"></pre>

<pre id="pretty2"></pre>

<script type="text/javascript">
    document.getElementById('pretty1').innerHTML = prettyPrint({ 'a': 'b', 'b': { 'c': 'd' } });

    document.getElementById('pretty2').innerHTML = prettyPrint([1, 2, "three", { 'complex-name': [1] }, { simpleName: { subArray: [1, 2, 3], subString: "Hello" } }]);
</script>

</body>
</html>

---

我希望这对你有用。

这就是我最后得到的：

function pp(obj, ind){
  ind = ind || 0;
  if(typeof obj === 'object' && obj !== null){
    var s = sp(ind) + (obj.push ? '[':'{') + '\n';
    for(i in obj)
      s += sp(ind+2) + i + ': ' + pp(obj[i], ind+2);
    obj = s + sp(ind) + (obj.push ? ']':'}');
  }
  return obj + '\n';

  function sp(n){
    return Array(n).join(' ');
  }
}

---

为什么不能使用polyfills？如何通过API使用XMLHttpRequest或ActiveXObject和pretty print？我刚刚在一个测试中尝试过这一点；但我认为输出不太正确；数组像字典一样打印。如果对象中的名称条目引用子对象，则该条目后面还有一个奇数空格。不过，对于几行代码来说，这是一个有趣的解决方案。

function pp(obj, ind){
  ind = ind || 0;
  if(typeof obj === 'object' && obj !== null){
    var s = sp(ind) + (obj.push ? '[':'{') + '\n';
    for(i in obj)
      s += sp(ind+2) + i + ': ' + pp(obj[i], ind+2);
    obj = s + sp(ind) + (obj.push ? ']':'}');
  }
  return obj + '\n';

  function sp(n){
    return Array(n).join(' ');
  }
}