OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

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


分享到


分类 编程技巧   发布 ourjs  1384822405000
注意 转载须保留原文链接,译文链接,作者译者等信息。  

由 Justany_WhiteSnow 翻译自: 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");

 

原文地址: 点此
评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. 理想和现实之间不是一条直线
  2. 前Google员工们的吐槽:在Google打工所能遇到的最坏事
  3. 够用即可:简单之美(Worse Is Better)
  4. 心情随笔:半夜无眠,写于自己共勉
  5. 程序猿的段子:该如何优雅地黑C++? 回复:C艹
  6. 盖茨和乔布斯
  7. 微软宣布废除员工排名考核
  8. 为什么 离职:热门回答
  9. 从计算机技术层面来分析美国阿波罗登月造假的可能性
  10. NodeJS on Nginx: 使用nginx反向代理处理静态页面
  11. 用 OnceAir 搭建个人Git/Svn/照片备份服务器,每年电费7块钱

 相关阅读 - 编程技巧
  1. 高级JavaScript调试—— console.table()
  2. NodeJS on Nginx: 使用nginx反向代理处理静态页面
  3. 优秀工具推荐:超实用的 CSS 库,样板和框架
  4. 写给 Node.js 学徒的 7 个建议
  5. 一些达成共识的JavaScript编码风格约定
  6. 十大关系数据库SQL注入工具一览
  7. PHP开发者常犯的10个MySQL错误

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号