How to print object array in JavaScript?

Question

I have created an object array in JavaScript. How can I print the object array in the browser window, similar to print_r function in PHP?

var lineChartData = [{             date: new Date(2009, 10, 2),             value: 5         }, {             date: new Date(2009, 10, 25),             value: 30         }, {             date: new Date(2009, 10, 26),             value: 72,             customBullet: "images/redstar.png"         }]; 

Answer 1

Simply stringify your object and assign it to the innerHTML of an element of your choice.

yourContainer.innerHTML = JSON.stringify(lineChartData); 

If you want something prettier, do

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4); 

var lineChartData = [{              date: new Date(2009, 10, 2),              value: 5          }, {              date: new Date(2009, 10, 25),              value: 30          }, {              date: new Date(2009, 10, 26),              value: 72,              customBullet: "images/redstar.png"          }];    document.getElementById("whereToPrint").innerHTML = JSON.stringify(lineChartData, null, 4);

<pre id="whereToPrint"></pre>

But if you just do this in order to debug, then you'd better use the console with console.log(lineChartData).