HTML DOM console.table() 方法
Console 對象實例
在控制臺輸出一個表格
console.table(["Google", "zaixian", "Taobao"]);
定義和用法
console.table() 方法用於在控制臺輸出表格資訊。
第一個參數是必需的，且對象類型需要是對象或數組，對應的數據會填充到表格中。
提示: 在測試該方法的過程中，控制臺需要可見 (流覽器按下 F12 打開控制臺)。
語法
console.table(tabledata, tablecolumns)
流覽器支持
表格中的數字表示支持該方法的第一個流覽器版本號。
| 方法 | |||||
|---|---|---|---|---|---|
| console.table() | Yes | 12 | 34 | Yes | Yes |
參數說明
| 參數 | 類型 | 描述 |
|---|---|---|
| tabledata | Array 或 Object | 必需，填充到表格中的數據。 |
| tablecolumns | Array | 可選，一個數組，表格標題欄的名稱。 |
更多實例
實例
使用對象作為輸出的資訊：
console.table({ name : "IT研修", site : "www.xuhuhu.com" });
實例
使用對象數組：
var site1 = { name : "zaixian", site : "www.xuhuhu.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 : "zaixian", site : "www.xuhuhu.com" }
var site2 = { name : "Google", site : "www.google.com" }
var site3 = { name : "Taobao", site : "www.taobao.com" }
console.table([site1, site2, site3], ["site"]);