HTML DOM console.table() 方法

 JavaScript Console 对象

console.table()方法在控制台中以表的形式显示表格数据。

此方法采用一个强制性参数data(必须是数组或对象)以及一个附加的可选参数column

表中的第一列将标记为(index)。

如果data是一个数组,则其值将是数组索引。

如果data是对象,则其值将是属性名称。

语法:

console.table(data, columns)
console.table(["Apples", "Oranges", "Bananas"]);
测试看看‹/›

浏览器兼容性

所有浏览器都完全支持console.table()方法:

Method
console.table()

参数值

参数描述
data要显示的数据。这必须是数组或对象
columns包含要包含在输出中的列名的数组

更多实例

data参数作为对象:

function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}

var me = new Person("Seagull", "Anna");

console.table(me);
测试看看‹/›

如果数组中的元素或对象中的属性,本身就是数组或对象,则在行中枚举其元素或属性,每列一个:

var people = [["Seagull", "Anna"], ["Ankit", "Kumar"], ["Rudra", "GI"]];
console.table(people);
测试看看‹/›

默认情况下,console.table()列出每一行中的所有元素。您可以使用可选的columns参数来选择要显示的列子集:

function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}

var Seagull = new Person("Seagull", "Anna");
var ankit = new Person("Ankit", "Kumar");
var rudra = new Person("Rudra", "GI");

console.table([Seagull, ankit, rudra], ["firstName"]);
测试看看‹/›

 JavaScript Console 对象