javascript - 如何在 JavaScript 中打印对象数组？

Question

我在 JavaScript 中创建了一个对象数组。如何在浏览器窗口中打印对象数组，类似于 PHP 中的 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"
        }];

Answer 1

简单stringify您的对象并将其分配给 innerHTML您选择的元素。

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>

但是如果你这样做只是为了调试，那么你最好use the console使用 console.log(lineChartData)。