高级Javascript调试——console.table()
2013-11-18 11:58
239 查看
原文:http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable
本文只是简单翻译,部分不重要部分略去,请原谅。
[b]通过console.log()打印数组[/b]
试想一下,假如你创建了一个编程语言以及其文件后缀名列表: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。尽管如此,属性值都是整齐排列的,并给你很好的概述。
[b]通过console.table()打印对象[/b]
实际上console.table()还可以打印对象:
var languages = { csharp: { name: "C#", paradigm: "object-oriented" }, fsharp: { name: "F#", paradigm: "functional" } }; console.table(languages);
[b]过滤显示的属性[/b]
如果你想限定每一列是特定的属性,你还可以将他们的键作为一个数组,传给console.table(),作为其第二个参数:
// Multiple property keys console.table(languages, ["name", "paradigm"]);
如果只是想显示一个属性,则传字符串就足够了:
// A single property key console.table(languages, "name");
相关文章推荐
- 通过console.table()做高级JavaScript调试
- 用console.table()调试javascript
- 使用console.table()调试javascript
- console.table()调试javascript
- 【技巧】用console.table()调试javascript
- console.table()调试javascript
- 用console.table()调试javascript
- 用console.table()调试javascript
- javascript 调试 使用console.table()
- javascript调试--控制台console
- JavaScript高级 面向对象(2)--调试工具的使用:音乐循环播放
- javascript调试console命令
- Javascript调试利器console的使用
- javascript中使用console与alert调试的差别
- 【JavaScript】console控制台调试技巧 | JavaScript调试技巧
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- javascript 开发调试的利器 console 函数(一)
- javascript 在firebug调试时用console.log的方法
- 9 个让 JavaScript 调试更简单的 Console 命令