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 com navegadores

No compatibility data found for api.Console.table.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.