chrom 浏览器高级调试技巧

 当我们打印一个数组的时候比如这样：

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

console.log(languages);

输出的结果是这样的：

我们还要手动的去点开它才能看到信息。

但是如果我们使用 console.table() 的话那么输出的结果却是这样的：

当然我们也可以使用console.table()来打印出一个对象比如：

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

console.table(languages);

更加令人兴奋的是我们可以过滤一些字符比如：

console.table(languages, "name");

本文由78oa系统编辑所撰，如若转载请注明出处。