Chrome控制台技巧秘籍：[1]JS代码输出表格

首先，我们新打开Chrome控制台 （在任意网页，按下快捷键F12，或者Ctrl+Shift+C） 我们会进入Console页面。

输入下面这段Javascript代码 console.table([['姓名','学号','性别'], ['张三','201401','男'], ['李四','201402','男'], ['王五','201403','女']]);

然后按下回车键Enter，即可输出打印这样的表格

上面我们是用数组的形式，在控制台打印表格。 下面我们来用JSON对象的形式，看看如何写代码输出表格。 在控制台输入如下代码 var student={0:{'姓名':'张三','学号':'201401','性别':'男'},1:{'姓名':'李四','学号':'201402','性别':'男'},2:{'姓名':'王五','学号':'201403','性别':'女'}};console.table(student,['姓名','学号','性别']);

按下回车键，得到结果

用JSON对象的方式，还有一种好处，就是可以自由选择输出表格的列。 例如，我们把上述代码中console.table的参数稍作更改 var student={0:{'姓名':'张三','学号':'201401','性别':'男'},1:{'姓名':'李四','学号':'201402','性别':'男'},2:{'姓名':'王五','学号':'201403','性别':'女'}};console.table(student,['姓名','学号']);

可以只输出2列字段：姓名、学号

还有一个好处，是可以控制任意颠倒表格各列的顺序。 例如，把console.table的参数进一步稍作更改。 var student={0:{'姓名':'张三','学号':'201401','性别':'男'},1:{'姓名':'李四','学号':'201402','性别':'男'},2:{'姓名':'王五','学号':'201403','性别':'女'}};console.table(student,['学号','姓名']); 就可以迅速把表格的字段学号、姓名进行对调了。