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