Chrome控制台技巧秘籍：[1]JS代码输出表格
你知道吗？Chrome浏览器Console控制台，支持许多奇特的功能，从本文开始，陆续给大家分享一些玩转控制台的实用小技巧。
操作方法
- 01
首先，我们新打开Chrome控制台 （在任意网页，按下快捷键F12，或者Ctrl+Shift+C） 我们会进入Console页面。
- 02
输入下面这段Javascript代码 console.table([['姓名','学号','性别'], ['张三','201401','男'], ['李四','201402','男'], ['王五','201403','女']]);
- 03
然后按下回车键Enter，即可输出打印这样的表格
- 04
上面我们是用数组的形式，在控制台打印表格。 下面我们来用JSON对象的形式，看看如何写代码输出表格。 在控制台输入如下代码 var student={0:{'姓名':'张三','学号':'201401','性别':'男'},1:{'姓名':'李四','学号':'201402','性别':'男'},2:{'姓名':'王五','学号':'201403','性别':'女'}};console.table(student,['姓名','学号','性别']);
- 05
按下回车键，得到结果
- 06
用JSON对象的方式，还有一种好处，就是可以自由选择输出表格的列。 例如，我们把上述代码中console.table的参数稍作更改 var student={0:{'姓名':'张三','学号':'201401','性别':'男'},1:{'姓名':'李四','学号':'201402','性别':'男'},2:{'姓名':'王五','学号':'201403','性别':'女'}};console.table(student,['姓名','学号']);
- 07
可以只输出2列字段：姓名、学号
- 08
还有一个好处，是可以控制任意颠倒表格各列的顺序。 例如，把console.table的参数进一步稍作更改。 var student={0:{'姓名':'张三','学号':'201401','性别':'男'},1:{'姓名':'李四','学号':'201402','性别':'男'},2:{'姓名':'王五','学号':'201403','性别':'女'}};console.table(student,['学号','姓名']); 就可以迅速把表格的字段学号、姓名进行对调了。