如何在Chrome控制檯中查看擴展對象/陣列？

Question

當我有對象的數組，當我在Chrome的控制檯類型變量的名稱，我得到這個：

問題： 有一些選項或時會顯示對象上翻了個標誌並在Chrome控制檯中查詢時擴展數組？

我使用控制檯很多，並在控制檯內執行內聯操作，每次修改數組時，我都必須單擊所有條目才能看到值。

我不想讓寫一個循環，所有的數組將會出console.dir。

Answer 1

要查看陣列的全部內容（或任何其他物體），無需編寫循環，您可以使用JSON.stringify。這將以JSON格式輸出整個對象，可以選擇縮進它。

例如：

console.info(JSON.stringify([{a:1,b:2}, {c:3,d:4}], null, ' ')) 

將輸出：

[ 
    { 
    "a": 1, 
    "b": 2 
    }, 
    { 
    "c": 3, 
    "d": 4 
    } 
] 

Answer 2

我不知道你是否知道這個，但... 點擊三角形，你可以看到完整的對象，我認爲這是非常實用的。

---

編輯

好抱歉，我不讀這部分「=。=但你可以檢查螢火蟲的console API鉻控制檯支持 Chrome Dev Tools: Console

Answer 3

console.table()做的displaying arrays neatly一個偉大的工作，以表格形式。