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"]);