How can I print a JavaScript object?

How can I print a JavaScript object?

原文地址：http://stackoverflow.com/questions/957537/how-can-i-print-a-javascript-object

up vote 229 down vote favorite 71	I want to print the content of a JavaScript object in a string format like when we alert a variable. The same formatted way I want to print an object. javascript share | improve this question edited May 3 '12 at 21:28 palacsint 6,912 3 15 42 asked  Jun 5 '09 at 19:01 maxjackie 2,079 3 10 22
	6   Would you please reword your question? What do you mean by "formatted way"? As in, with rich formatting, like bold/italic/etc? –  Sasha Chedygov  Jun 5 '09 at 19:03

13 Answers

active oldest votes

up vote 188 down vote accepted

If you want to print the object for debugging purposes, I suggest instead installing Firebug for Firefox and using the code: console.log(obj) share | improve this answer answered  Jun 5 '09 at 19:15 Triptych 51.7k 14 78 125

18   That function also works on Google Chrome when using the JavaScript Console (Shift+Control+J or Shift+Control+I, depending on the Chrome version). Also note that console.log(obj1, obj2) works very nicely, too, so you don't have to call console.log() for every object when logging multiple variables. Also, always remember to remove all such calls in production, as it will break browsers that do not implement it (such as Internet Explorer). –  Felix  Apr 22 '10 at 9:31 65   This does not work it prints [object Object] –  Pete Herbert Penito  Dec 13 '10 at 21:17 30   Yes it prints [object Object] but it has a little expando-toggly button beside it that lets you inspect the contents of the object. –  hughes  Jul 5 '11 at 13:46 7   @hughes it actually can do both. i have an object i created with: var obj = { "foo" : false }; and another object that is being passed into a callback from a server, the one passed through the callback prints with the little arrow so you can open it up, the statically created one just prints [object Object] with no arrow. I'm trying to figure this out too, any other thoughts? –  benstraw  Jul 8 '11 at 0:08 3   @Felix: Great point about breaking browsers such as IE. You can also use if(console && console.log) { console.log(obj1, obj2); } without worrying about breaking browsers that don't support console.log. –  chocojosh  Nov 22 '11 at 21:52 show 8 more comments

up vote 252 down vote

Use JSON.stringify(obj); Also this method works with nested objects. share | improve this answer edited Jul 14 '11 at 18:23 answered  Nov 27 '10 at 17:52 Sandeep 2,649 1 5 4

2   that's how I do it too. console.log only works, ehu, in a console! –  Stefano  Dec 17 '10 at 13:50 91   For more readable output try JSON.stringify(obj, null, 4). This'll write it out as neatly indented text –  Ben Clayton Jun 5 '11 at 12:49   Beautiful output when shoved into a textarea –  Bob  Oct 12 '11 at 15:23 1   Thanks, was trying to print out a complex, dynamic object to use as test data, and this saved me from having to create it manually. –  Jon  Nov 1 '11 at 5:14   This has my preference. –  James Poulson  Nov 16 '12 at 0:19 show 2 more comments

up vote 167 down vote

var output = ''; for (property in object) { output += property + ': ' + object[property]+'; '; } alert(output); share | improve this answer