From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-br/web/api/console/table/index.html | 143 +++++++++++++++++++++++++++ 1 file changed, 143 insertions(+) create mode 100644 files/pt-br/web/api/console/table/index.html (limited to 'files/pt-br/web/api/console/table/index.html') diff --git a/files/pt-br/web/api/console/table/index.html b/files/pt-br/web/api/console/table/index.html new file mode 100644 index 0000000000..946a642003 --- /dev/null +++ b/files/pt-br/web/api/console/table/index.html @@ -0,0 +1,143 @@ +--- +title: Console.table() +slug: Web/API/Console/table +translation_of: Web/API/Console/table +--- +
{{APIRef("Console API")}}
+ +

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).

+ +

{{AvailableInWorkers}}

+ +

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çãoStatusComentário
{{SpecName("Console API", "#table", "console.table()")}}{{Spec2("Console API")}}Definição inicial
+ +

Compatibilidade de browsers

+ +
+ + +

{{Compat("api.Console.table")}}

+
-- cgit v1.2.3-54-g00ecf