Console.table()

Exibe dados tabulares como uma tabela.

Essa fun√ß√£o recebe um par√Ęmetro obrigat√≥rio data, que deve ser um array ou um objeto, e um parametro opcional columns.

Registra data como uma tabela. Cada elemento no array (ou propriedade enumer√°vel se data for um objeto) ser√° uma linha na tabela.

A primeira coluna na tabela ser√° rotulada (index). Se data for um array, seus valores ser√£o os √≠ndices da matriz. Se data for um objeto, seus valores ser√£o os nomes das propriedades. Observe que (no Firefox) o console.table est√° limitado a exibir 1000 linhas (a primeira linha √© o √≠ndice rotulado).

Note: This feature is available in Web Workers

Cole√ß√Ķes de tipos primitivos

O argumento data pode ser um array ou um objeto.

// um array de strings

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

// um objeto cujas propriedades s√£o strings

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

var me = new Person("John", "Smith");

console.table(me);

Cole√ß√Ķes de tipos compostos

Se os elementos no array, ou propriedades no objeto, forem arrays ou objetos, seus elementos ou propriedades ser√£o enumerados na linha, um por coluna:

// um array de arrays

var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]]
console.table(people);

Table displaying array of arrays

// um array de objetos

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

var john = new Person("John", "Smith");
var jane = new Person("Jane", "Doe");
var emily = new Person("Emily", "Jones");

console.table([john, jane, emily]);

Observe que, se a matriz contiver objetos, as colunas ser√£o rotuladas com o nome da propriedade.

Table displaying array of objects

// um objeto cujas propriedades s√£o objetos

var family = {};

family.mother = new Person("Jane", "Smith");
family.father = new Person("John", "Smith");
family.daughter = new Person("Emily", "Smith");

console.table(family);

Table displaying object of objects

Restringindo as colunas exibidas

Por padr√£o, console.table() lista todos os elementos em cada linha. Voc√™ pode usar o par√Ęmetro opcional columns para selecionar um subconjunto de colunas a serem exibidas:

// um array de objetos, registrando apenas firstName

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

var john = new Person("John", "Smith");
var jane = new Person("Jane", "Doe");
var emily = new Person("Emily", "Jones");

console.table([john, jane, emily], ["firstName"]);

Table displaying array of objects with filtered output

Classificando colunas

Voc√™ pode classificar a tabela por uma coluna espec√≠fica clicando no r√≥tulo dessa coluna.

Sintaxe

console.table(data [, columns]);

Par√Ęmentros

data
Os dados a serem exibidos. Deve ser um array ou um objeto.
columns
Um array contendo os nomes das colunas para incluir na sa√≠da.

Especifica√ß√Ķes

Especificação Status Comentário
Console API
The definition of 'console.table()' in that specification.
Padrão em tempo real Definição inicial

Compatibilidade de browsers

BCD tables only load in the browser