使用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");