Javascript高级调试——console.table()

 

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

本文只是简单翻译，部分不重要部分略去，请原谅。

 

经过console.log()打印数组

试想一下，假如你建立了一个编程语言以及其文件后缀名列表：

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

console.log(languages);

console.log()会显示以下信息：

该树视图对于调试是很是有用的，但咱们不得不手动打开每一个折叠的对象来查看，比较麻烦。咱们能够使用console.table()获得更好的体验。

 

经过console.table()打印数组

如今咱们使用console.table()进行打印。

console.table(languages);

你能够看到以下表格：

整齐漂亮，不是么？

固然表单最适合表单数据呈现。若是每一个对象都拥有不一样的结构，那么最后会发现有不少单元是undefined。尽管如此，属性值都是整齐排列的，并给你很好的概述。

 

经过console.table()打印对象

实际上console.table()还能够打印对象：

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

console.table(languages);

 

过滤显示的属性

若是你想限定每一列是特定的属性，你还能够将他们的键做为一个数组，传给console.table()，做为其第二个参数： 

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

若是只是想显示一个属性，则传字符串就足够了：

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

 

 

出处：https://www.cnblogs.com/justany/p/3429097.html