使用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");
原文地址:https://www.cnblogs.com/Dream-High/p/3434098.html