使用console.table()調試javascript

原文地址：http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable

 

可能你已經習慣了console.log()來調試js，效果不錯，可是今天無心間看到console.table()調試javascript，和console.log()相似，

主要區別在於:

1. 主要用來輸出對象和數組;
2. 更加直接的可視化，以表格形式展示;
3. 能夠單獨輸出某個或某幾個屬性；

例：

var languages = [ { name: "JavaScript", fileExtension: ".js" },
　　　　　　　　　{ name: "TypeScript", fileExtension: ".ts" },
　　　　　　　　　{ name: "CoffeeScript", fileExtension: ".coffee" }
];

console.log(languages);

console.log()查詢出來的結果是：

這棵樹的視圖有助於達到調試的目的，但以爲不夠直觀，因此，咱們將用到console.table():

console.table(languages);

 

是否是很直觀，妥妥的！

不經如此，它還單獨輸出某個或幾個屬性哦！

多個屬性：

// Multiple property keys
console.table(languages, ["name", "fileExtension"]);

單個屬性：

// A single property key
console.table(languages, "name");