console.table()輸出物件更為直觀

可能大家比較習慣使用console.log()函式來在控制檯輸出指定的內容。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
var code=[
{ name: "javascript", fileExtension: ".js" },
{ name: "TypeScript", fileExtension: ".ts" },
{ name: "css", fileExtension: ".css" }
];
console.log(code);

在谷歌控制檯的輸出效果如下:

上面的效果已經足夠人性化的，檢視也非常方便，如果想要顯示的更為表格一點，可以使用console.table()。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var code=[
{ name: "javascript", fileExtension: ".js" },
{ name: "TypeScript", fileExtension: ".ts" },
{ name: "css", fileExtension: ".css" }
];
console.table(code);

特別說明:當前編輯器還沒有模擬實現console.table()函式，請在谷歌下觀察效果。

以表格的方式輸出相關內容，感覺更加的直觀。

關於更多console.table()函式的用法可以參閱console.table()一章節。