JavaScriptでオブジェクトの配列を表示する方法は？

質問

JavaScriptでオブジェクトの配列を作成しました。ブラウザのウィンドウにオブジェクトの配列を表示するにはどうしたらよいでしょうか。 print_r 関数のように、オブジェクトの配列をブラウザのウィンドウに表示するにはどうしたらよいでしょうか？

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"
        }];

どのように解決するのですか？

単純に stringify オブジェクトを作成し、それを の内側のHTML に割り当てます。

yourContainer.innerHTML = JSON.stringify(lineChartData);

もっときれいなものが欲しければ

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>

ただ、デバッグのためにこれを行うのであれば コンソールを使用する で console.log(lineChartData) .