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

Question

我在JavaScript中创建了一个对象数组.如何在浏览器窗口中打印对象数组,类似于print_rPHP中的功能？

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>

但如果你只是这样做是为了调试,那么你最好使用控制台用console.log(lineChartData).

Answer 2

如果您使用的是Chrome,也可以使用

console.log( yourArray );

Answer 3

你检查过了吗

console.table(yourArray);

更多信息:https://developer.mozilla.org/en-US/docs/Web/API/Console/table

Answer 4

php.js库中有一个很棒print_r的JavaScript实现.

注意,您还应该echo在代码中添加支持.

演示: http ://jsbin.com/esexiw/1