English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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要显示的数据。这必须是数组或对象
الأعمدة包含要包含在输出中的列名的数组

更多实例

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() كل عنصر في كل سطر. يمكنك استخدامالأعمدةاختيار مجموعة الأعمدة التي تريد عرضها:

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