Console.table()

Você está lendo a versão em inglês deste conteúdo porque ainda não há uma tradução para este idioma. Ajude-nos a traduzir este artigo!

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
tableChrome Full support YesEdge Full support 13Firefox Full support 34IE No support NoOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 34Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown