JavaScript Console table() 方法|以表格形式显示数据

由 hcduguo

Console 对象参考手册

定义与用法

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

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

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

语法格式

console.table(tabledata, tablecolumns)

示例代码

在控制台输出一个表格

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

亲自试试

浏览器支持

方法Google ChromeInternet ExplorerFirefoxSafariOpera
table()Yes1234YesYes

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

参数说明

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

更多示例

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

console.table({ name : "奔月教程", site : "www.runoon.com" });

亲自试试

使用对象数组：

var site1 = {
    name: "Runoon",
    site: "www.runoon.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: "Runoon",
    site: "www.runoon.com"
}
var site2 = {
    name: "Google",
    site: "www.google.com"
}
var site3 = {
    name: "Taobao",
    site: "www.taobao.com"
}
console.table([site1, site2, site3], ["site"]);

亲自试试

Console 对象参考手册

相关