如何在Javascript中显示对象数组的所有输入？

Question

假设我已经定义了一个像这样的对象数组：

 var person = [{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}, {firstName:"Arunima", lastName:"Ghosh", age:20, eyeColor:"black"}];

现在正在做

console.log(person); 

returns "[Object,Object]"

我想打印数组的细节。我该怎么做？

Answer 1

试试这个： console.table（人）;

这将以表格格式打印对象，这对眼睛来说很容易。 结果如下所示：

与console.log相比，这是一个鲜为人知的功能，但有时非常方便。

Answer 2

console.log(JSON.stringify(person));

这是一种方法。

Answer 3

var person = [{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}, {firstName:"Arunima", lastName:"Ghosh", age:20, eyeColor:"black"}] ;

console.log(JSON.stringify(person));

//if you want to parse
for (var i = 0; i < person.length; i++) {
    var object = person[i];
    for (var property in object) {
        alert('item ' + i + ': ' + property + '=' + object[property]);
    }
    }

这是你想要的吗？如果没有请详细说明。

Answer 4

试试这个：

const something = JSON.stringify([
    {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}, 
    {firstName:"Arunima", lastName:"Ghosh", age:20, eyeColor:"black"}
  ], null, " ");

document.querySelector("#result").textContent = something;

// or in the console
console.log(something);

<pre id="result"></pre>

Answer 5

你可以这样做：

var person = [{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}, 
{firstName:"Arunima", lastName:"Ghosh", age:20, eyeColor:"black"}];

JSON.stringify(person);

Answer 6

正如其他人已经指出的那样，您可以使用JSON.stringify。但是，您的JSON显示可折叠的对象，因此您可以在那里获得信息。如果您想进一步美化输出，可以尝试pretty-js或underscore.js。