HTML DOM console.table() 方法
Console 对象实例代码
在控制台输出一个表格
console.table(["Google", "Haodaima", "Taobao"]);
定义和用法
console.table() 方法用于在控制台输出表格信息。
第一个参数是必需的，且对象类型需要是对象或数组，对应的数据会填充到表格中。
提示: 在测试该方法的过程中，控制台需要可见 (浏览器按下 F12 打开控制台)。
语法
console.table(tabledata, tablecolumns)
浏览器支持
表格中的数字表示支持该方法的第一个浏览器版本号。
| 方法 | |||||
|---|---|---|---|---|---|
| console.table() | Yes | 12 | 34 | Yes | Yes |
参数说明
| 参数 | 类型 | 描述 |
|---|---|---|
| tabledata | Array 或 Object | 必需，填充到表格中的数据。 |
| tablecolumns | Array | 可选，一个数组，表格标题栏的名称。 |
更多实例
实例代码
使用对象作为输出的信息：
console.table({ name : "高手之路教程", site : "www.haodaima.com" });
实例代码
使用对象数组：
var site1 = { name : "Haodaima", site : "www.haodaima.com" }
var site2 = { name : "Google", site : "www.google.com" }
var site3 = { name : "Taobao", site : "www.taobao.com" }
console.table([site1, site2, site3]);
实例代码
指定表格表头标题名，参数只能是对应的键名：
var site1 = { name : "Haodaima", site : "www.haodaima.com" }
var site2 = { name : "Google", site : "www.google.com" }
var site3 = { name : "Taobao", site : "www.taobao.com" }
console.table([site1, site2, site3], ["site"]);