如何在Javascript中顯示對象數組的所有輸入？

說我已經定義對象的數組，像這樣：如何在Javascript中顯示對象數組的所有輸入？

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

現在做

console.log(person); 

returns "[Object,Object]"

我要打印的陣列的詳細信息。我該怎麼做呢？

來源

2017-04-17 JSlearner

「打印」是什麼意思？只是爲了控制檯？什麼是所需的輸出格式？ '[Object，Object]'表示一個包含兩個對象的數組。在控制檯中，您應該在左側看到一個小箭頭，如果單擊它，它將展開數組以顯示更多內容的詳細信息。 – nnnnnn

正如其他人已經指出的那樣，您可以使用JSON.stringify。但是，您的JSON顯示可摺疊的對象，因此您可以在那裏獲取信息。如果你想進一步美化你的產出，你可以嘗試pretty-js或underscore.js。

來源

2017-04-17 08:41:29

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

這是一種方法。

來源

2017-04-17 08:07:03

試試這個：

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>

來源

2017-04-17 08:07:44 KooiInc

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

這是你想要的嗎？如果不是請詳細說明。

來源

2017-04-17 08:09:49

謝謝薩欽！這工作！ – JSlearner

嗨Sachin，你能解釋一下如何工作？（'item'+ i +'：'+ property +'='+ object [property]）;（012）。 1.屬性如何成爲對象屬性（firstname）和對象[property]成爲它的值（John）？ – JSlearner

有一個foreach應用於jsonArray'person'，它將它分解成對象。並且代碼遍歷每個對象。其次，代碼正在逐個拾取對象內部的每個屬性。 –

你可以這樣說：

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

JSON.stringify(person);

來源

2017-04-17 08:13:47

試試這個： console.table（人）;

這將以易於在眼睛上的表格格式打印對象。結果將如下所示：