JavaScript-Datenformatierung / hübscher Drucker

Schrieb ich eine Funktion dump ein JS-Objekt in eine lesbare form, obwohl die Ausgabe nicht eingerückt, aber es sollte nicht zu hart sein, um hinzufügen: ich habe diese Funktion von einem habe ich für Lua (viel komplexer), die behandelt diese Einrückung Problem.

Hier ist die "einfache" version:

function DumpObject(obj)
{
  var od = new Object;
  var result = "";
  var len = 0;

  for (var property in obj)
  {
    var value = obj[property];
    if (typeof value == 'string')
      value = "'" + value + "'";
    else if (typeof value == 'object')
    {
      if (value instanceof Array)
      {
        value = "[ " + value + " ]";
      }
      else
      {
        var ood = DumpObject(value);
        value = "{ " + ood.dump + " }";
      }
    }
    result += "'" + property + "' : " + value + ", ";
    len++;
  }
  od.dump = result.replace(/, $/, "");
  od.len = len;

  return od;
}

Schaue ich an, es zu verbessern ein bisschen.

Hinweis 1: um es Zu benutzen, tun od = DumpObject(something) und verwenden od.dump. Gewundenen, weil ich wollte, dass der len-Wert zu (Anzahl der Elemente) für einen anderen Zweck. Es ist trivial, um die Funktion nur der string.

Hinweis 2: es muss nicht mit Schleifen in den Referenzen.

BEARBEITEN

Machte ich die eingerückte version.

function DumpObjectIndented(obj, indent)
{
  var result = "";
  if (indent == null) indent = "";

  for (var property in obj)
  {
    var value = obj[property];
    if (typeof value == 'string')
      value = "'" + value + "'";
    else if (typeof value == 'object')
    {
      if (value instanceof Array)
      {
        //Just let JS convert the Array to a string!
        value = "[ " + value + " ]";
      }
      else
      {
        //Recursive dump
        //(replace "  " by "\t" or something else if you prefer)
        var od = DumpObjectIndented(value, indent + "  ");
        //If you like { on the same line as the key
        //value = "{\n" + od + "\n" + indent + "}";
        //If you prefer { and } to be aligned
        value = "\n" + indent + "{\n" + od + "\n" + indent + "}";
      }
    }
    result += indent + "'" + property + "' : " + value + ",\n";
  }
  return result.replace(/,\n$/, "");
}

Wählen Sie Ihre Einrückung auf der Zeile, die mit dem rekursiven Aufruf, und Sie Klammer Stil, indem du die auskommentierte Zeile nach diesem.

... Ich sehe Sie peitschte Ihre eigene version, die ist gut. Besucher haben die Wahl.

InformationsquelleAutor der Antwort PhiLho

Können Sie die folgenden

<pre id="dump"></pre>
<script>
   var dump = JSON.stringify(sampleJsonObject, null, 4); 
   $('#dump').html(dump)
</script>

InformationsquelleAutor der Antwort Dharmanshu Kamra

Für diejenigen, die für ein fantastischer Weg, um zu sehen, Ihr Objekt überprüfen prettyPrint.js

Erstellt eine Tabelle mit konfigurierbaren Optionen anzuzeigen, die gedruckt werden irgendwo auf deinem doc. Besser zu sehen, als in der console.

var tbl = prettyPrint( myObject, { /* options such as maxDepth, etc. */ });
document.body.appendChild(tbl);

InformationsquelleAutor der Antwort RaphaelDDL

Ich bin Programmierung in Rhino und ich war nicht zufrieden mit die Antworten wurden hier veröffentlicht. So ich geschrieben habe, meine eigenen pretty printer:

function pp(object, depth, embedded) { 
  typeof(depth) == "number" || (depth = 0)
  typeof(embedded) == "boolean" || (embedded = false)
  var newline = false
  var spacer = function(depth) { var spaces = ""; for (var i=0;i<depth;i++) { spaces += "  "}; return spaces }
  var pretty = ""
  if (      typeof(object) == "undefined" ) { pretty += "undefined" }
  else if ( typeof(object) == "boolean" || 
            typeof(object) == "number" ) {    pretty += object.toString() } 
  else if ( typeof(object) == "string" ) {    pretty += "\"" + object + "\"" } 
  else if (        object  == null) {         pretty += "null" } 
  else if ( object instanceof(Array) ) {
    if ( object.length > 0 ) {
      if (embedded) { newline = true }
      var content = ""
      for each (var item in object) { content += pp(item, depth+1) + ",\n" + spacer(depth+1) }
      content = content.replace(/,\n\s*$/, "").replace(/^\s*/,"")
      pretty += "[ " + content + "\n" + spacer(depth) + "]"
    } else { pretty += "[]" }
  } 
  else if (typeof(object) == "object") {
    if ( Object.keys(object).length > 0 ){
      if (embedded) { newline = true }
      var content = ""
      for (var key in object) { 
        content += spacer(depth + 1) + key.toString() + ": " + pp(object[key], depth+2, true) + ",\n" 
      }
      content = content.replace(/,\n\s*$/, "").replace(/^\s*/,"")
      pretty += "{ " + content + "\n" + spacer(depth) + "}"
    } else { pretty += "{}"}
  }
  else { pretty += object.toString() }
  return ((newline ? "\n" + spacer(depth) : "") + pretty)
}

Die Ausgabe sieht wie folgt aus:

js> pp({foo:"bar", baz: 1})
{ foo: "bar",
  baz: 1
}
js> var taco
js> pp({foo:"bar", baz: [1,"taco",{"blarg": "moo", "mine": "craft"}, null, taco, {}], bleep: {a:null, b:taco, c: []}})
{ foo: "bar",
  baz: 
    [ 1,
      "taco",
      { blarg: "moo",
        mine: "craft"
      },
      null,
      undefined,
      {}
    ],
  bleep: 
    { a: null,
      b: undefined,
      c: []
    }
}

Habe ich auch gepostet hat, als Gist hier für jeden zukünftigen änderungen erforderlich sind.

InformationsquelleAutor der Antwort

Einnahme von PhiLho ' s führen (vielen Dank :)), landete ich Schreibe meine eigenen, konnte ich nicht so Recht sein, zu tun, was ich wollte. Es ist ziemlich hart und bereit, aber es macht den job, die ich brauche. Danke Euch allen für die ausgezeichneten Vorschläge.

Es ist nicht Brillant, code, ich weiß, aber für was es Wert ist, hier ist es. Jemand Sie nützlich finden könnten:

//Usage: dump(object)
function dump(object, pad){
    var indent = '\t'
    if (!pad) pad = ''
    var out = ''
    if (object.constructor == Array){
        out += '[\n'
        for (var i=0; i<object.length; i++){
            out += pad + indent + dump(object[i], pad + indent) + '\n'
        }
        out += pad + ']'
    }else if (object.constructor == Object){
        out += '{\n'
        for (var i in object){
            out += pad + indent + i + ': ' + dump(object[i], pad + indent) + '\n'
        }
        out += pad + '}'
    }else{
        out += object
    }
    return out
}

InformationsquelleAutor der Antwort Dan

Dachte ich, J. Ammern Reaktion auf die Verwendung von JSON.stringify war auch gut. Ein Seiteneffekt ist, können Sie JSON verwenden.stringify über YUIs JSON-Objekt, wenn Sie geschehen, werden mit YUI. In meinem Fall brauchte ich, um einen dump zu HTML, so dass es einfacher war, nur zwicken/Ausschneiden/einfügen PhiLho Antwort.

function dumpObject(obj, indent) 
{
  var CR = "<br />", SPC = "&nbsp;&nbsp;&nbsp;&nbsp;", result = "";
  if (indent == null) indent = "";

  for (var property in obj)
  {
    var value = obj[property];

    if (typeof value == 'string')
    {
      value = "'" + value + "'";
    }
    else if (typeof value == 'object')
    {
      if (value instanceof Array)
      {
        //Just let JS convert the Array to a string!
        value = "[ " + value + " ]";
      }
      else
      {
        var od = dumpObject(value, indent + SPC);
        value = CR + indent + "{" + CR + od + CR + indent + "}";
      }
    }
    result += indent + "'" + property + "' : " + value + "," + CR;
  }
  return result;
}

InformationsquelleAutor der Antwort GTM

Einen einfachen ein-für die Bedruckung der Elemente als strings:

var s = "";
var len = array.length;
var lenMinus1 = len - 1
for (var i = 0; i < len; i++) {
   s += array[i];
   if(i < lenMinus1)  {
      s += ", ";
   }
}
alert(s);

InformationsquelleAutor der Antwort aliteralmind

flexjson umfasst eine prettyPrint () - Funktion geben könnte, was man will.

InformationsquelleAutor der Antwort andy