Wie kann ich ein JavaScript-Objekt anzeigen?

Question

Wie zeige ich den Inhalt eines JavaScript-Objekts in einem String-Format an, wie wir es bei alert eine Variable?

Ich möchte ein Objekt auf die gleiche Weise formatieren.

Answer 1

Ich benutze immer console.log("object will be: ", obj, obj1) . auf diese Weise brauche ich nicht die Umgehung mit stringify mit JSON zu tun. Alle Eigenschaften des Objekts wird schön erweitert werden.

Answer 2

Eine andere Möglichkeit, Objekte in der Konsole anzuzeigen, ist mit JSON.stringify . Sehen Sie sich das folgende Beispiel an:

var gandalf = {
  "real name": "Gandalf",
  "age (est)": 11000,
  "race": "Maia",
  "haveRetirementPlan": true,
  "aliases": [
    "Greyhame",
    "Stormcrow",
    "Mithrandir",
    "Gandalf the Grey",
    "Gandalf the White"
  ]
};
//to console log object, we cannot use console.log("Object gandalf: " + gandalf);
console.log("Object gandalf: ");
//this will show object gandalf ONLY in Google Chrome NOT in IE
console.log(gandalf);
//this will show object gandalf IN ALL BROWSERS!
console.log(JSON.stringify(gandalf));
//this will show object gandalf IN ALL BROWSERS! with beautiful indent
console.log(JSON.stringify(gandalf, null, 4));

Answer 3

Javascript-Funktion

<script type="text/javascript">
    function print_r(theObj){ 
       if(theObj.constructor == Array || theObj.constructor == Object){ 
          document.write("<ul>") 
          for(var p in theObj){ 
             if(theObj[p].constructor == Array || theObj[p].constructor == Object){ 
                document.write("<li>["+p+"] => "+typeof(theObj)+"</li>"); 
                document.write("<ul>") 
                print_r(theObj[p]); 
                document.write("</ul>") 
             } else { 
                document.write("<li>["+p+"] => "+theObj[p]+"</li>"); 
             } 
          } 
          document.write("</ul>") 
       } 
    } 
</script>

Objekt drucken

<script type="text/javascript">
print_r(JAVACRIPT_ARRAY_OR_OBJECT);
</script> 

über print_r in Javascript

Answer 4

var list = function(object) {
   for(var key in object) {
     console.log(key);
   }
}

wobei object ist Ihr Objekt

oder Sie können dies in Chrome Dev Tools, Registerkarte "Konsole" verwenden:

console.log(object);

Answer 5

Objekt voraussetzen obj = {0:'John', 1:'Foo', 2:'Bar'}

Inhalt des Objekts drucken

for (var i in obj){
    console.log(obj[i], i);
}

Konsolenausgabe (Chrome DevTools) :

John 0
Foo 1
Bar 2

Ich hoffe, das hilft!