如何在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（person）;

這將以表格形式打印對象，這對於眼睛來說很容易。 結果如下所示：

與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 。