昨天我相识到Chrome调试东西一个玲珑的调试要领，在WDCC时期， Marcus Ross（@zahlenhelfer） 引见了，chrome调试东西种种调试要领，这个只是个中一种，如今我来给人人秀下。

用CONSOLE.LOG()展示数组

设想下你组织了以下数组
var languages = [
{ name: “JavaScript”, fileExtension: “.js” },
{ name: “TypeScript”, fileExtension: “.ts” },
{ name: “CoffeeScript”, fileExtension: “.coffee” }
];

console.log(languages);

console.log() 会如许展示数组

如许的展示情势关于开辟很有效，然则我发明如许还要手动去点每一个Object有些笨重。这时候我认为console.table()有点意义。

用CONSOLE.TABLE()展示数组

如今我们用console.table()尝尝：

异常玲珑有木有？

固然，console.table()更适合，扁平 列成表花样的数据，展示的更圆满，否组你在 假如每一个数组元素都是差别构造，你的表格许多格子都是 undefined。

用CONSOLE.TABLE() 展示object

console.table()另一个特征就是展示 object。

var languages = {
csharp: { name: "C#", paradigm: "object-oriented" },
fsharp: { name: "F#", paradigm: "functional" }
};

console.table(languages);

妥妥的。

CONSOLE.TABLE() 的过滤功用

假如你想限定console.table()显现某一列， 你能够在在参数中传入关键字列表 以下：
// Multiple property keys
console.table(languages, [“name”, “paradigm”]);

假如你想接见一个属性的话，一个参数就够了，

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

我曾认为我已相识了 Chrome 开辟者东西绝大部分的功用，然则如今明显我错了， 骚年没事去看看Chrome DevTools文档吧！