控制台: table() 静态方法

注意: 此功能在 Web Workers 中可用。

console.table() 静态方法将表格数据显示为表格。

此函数接受一个必填参数 data，它必须是数组或对象，以及一个可选的附加参数 columns。

它将 data 作为表格记录。数组中的每个元素（如果 data 是对象，则为可枚举的属性）将成为表格中的行。

表格中的第一列将标记为 (index)。如果 data 是数组，则其值将是数组索引。如果 data 是对象，则其值将是属性名称。请注意（在 Firefox 中），console.table 仅限于显示 1000 行（第一行是带标记的索引）。

原始类型集合

data 参数可以是数组或对象。

// an array of strings

console.table(["apples", "oranges", "bananas"]);

(index)	值
0	'苹果'
1	'橘子'
2	'香蕉'

// an object whose properties are strings

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

const me = new Person("Tyrone", "Jones");

console.table(me);

(index)	值
firstName	'Tyrone'
lastName	'Jones'

复合类型集合

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

// an array of arrays

const people = [
  ["Tyrone", "Jones"],
  ["Janet", "Smith"],
  ["Maria", "Cruz"],
];
console.table(people);

(index)	0	1
0	'Tyrone'	'Jones'
1	'Janet'	'Smith'
2	'Maria'	'Cruz'

// an array of objects

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

const tyrone = new Person("Tyrone", "Jones");
const janet = new Person("Janet", "Smith");
const maria = new Person("Maria", "Cruz");

console.table([tyrone, janet, maria]);

请注意，如果数组包含对象，则列将使用属性名称标记。

(index)	firstName	lastName
0	'Tyrone'	'Jones'
1	'Janet'	'Smith'
2	'Maria'	'Cruz'

// an object whose properties are objects

const family = {};

family.mother = new Person("Janet", "Jones");
family.father = new Person("Tyrone", "Jones");
family.daughter = new Person("Maria", "Jones");

console.table(family);

(index)	firstName	lastName
女儿	'Maria'	'Jones'
父亲	'Tyrone'	'Jones'
母亲	'Janet'	'Jones'

限制显示的列

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

// an array of objects, logging only firstName

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

const tyrone = new Person("Tyrone", "Jones");
const janet = new Person("Janet", "Smith");
const maria = new Person("Maria", "Cruz");

console.table([tyrone, janet, maria], ["firstName"]);