在開發過程中,經常需要處理JSON格式的數據。而在控制臺上直接輸出一個JSON對象或者一個數組可能會顯得非常混亂,這就需要使用控制臺的格式化功能將其展示得更加易讀。
控制臺提供了一個console的對象,其中就包含格式化JSON的方法`console.table()`和`console.dir()`。
console.table(data); // 輸出格式化表格樣式的JSON數據
console.dir(data); // 輸出嵌套展開的JSON數據
其中,`console.table()`的輸出效果如下圖:
┌─────────┬───────┬───────┬───────┐
│ (index) │ A │ B │ C │
├─────────┼───────┼───────┼───────┤
│ 0 │ 'a0' │ 'b0' │ 'c0' │
│ 1 │ 'a1' │ 'b1' │ 'c1' │
│ 2 │ 'a2' │ 'b2' │ 'c2' │
└─────────┴───────┴───────┴───────┘
而`console.dir()`的輸出效果如下圖:
{
"A": "a0",
"B": "b0",
"C": "c0"
},
{
"A": "a1",
"B": "b1",
"C": "c1"
},
{
"A": "a2",
"B": "b2",
"C": "c2"
}
通過這兩種方式,我們可以更加清晰地展示JSON格式的數據,以便于我們進行調試和開發。