第1章 第510节 dom console table

推荐给朋友

HTML DOM console.table() 方法

实例

在控制台输出一个表格:

console.table(["Google", "Nowcoder", "Taobao"]);

尝试一下

定义和用法

console.table() 方法用于在控制台输出表格信息。

第一个参数是必需的,且对象类型需要是对象或数组,对应的数据会填充到表格中。

提示: 在测试该方法的过程中,控制台需要可见 (浏览器按下 F12 打开控制台)。

语法

console.table(tabledata, tablecolumns)

浏览器支持

表格中的数字表示支持该方法的第一个浏览器版本号。

方法 Chrome Edge Firefox Safari Opera
console.table() Yes 12 34 Yes Yes

参数说明

参数 类型 描述
tabledata Array 或 Object 必需,填充到表格中的数据。
tablecolumns Array 可选,一个数组,表格标题栏的名称。

更多实例

实例

使用对象作为输出的信息:

console.table({ name : "牛客教程", site : "www.nowcoder.com" });

尝试一下

实例

使用对象数组:

var site1 = { name : "Nowcoder", site : "www.nowcoder.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 : "Nowcoder", site : "www.nowcoder.com" }
var site2 = { name : "Google", site : "www.google.com" }
var site3 = { name : "Taobao", site : "www.taobao.com" }

console.table([site1, site2, site3], ["site"]);

尝试一下