Console.table()

Visualizza dati tabulari come una tabella.

Questa funzione richiede un argomento obbligatorio data, che deve essere un array di oggetti, ed un parametro opzionale columns.

La funzione visualizza data come una tabella ed ogni elemento dell'array (o ogni sua proprietà numerabile se data è un oggetto) sarà una riga della tabella.

La prima colonna della tabella rappresenta l'etichetta (index). Se data è un array allora il valore sarà il suo indice nell'array. Se, invece, data è un oggetto, il suo valore sarà il nome della proprietà. Nota che (in Firefox) console.table limita a 1000 la visualizzazione delle righe (la prima riga contiene i nomi delle etichette).

Collezioni di tipi di primitive

L'argomento data può essere un array o un oggetto.

// array di stringhe

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

// un oggetto le cui proprietà sono stringhe

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

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

console.table(me);

Collezioni di tipi composti

Se l'elemento nell'array o le proprietà nell'oggetto sono a loro volta array o oggetti, allora i loro elementi o proprietà sono enumerati nella riga, uno per colonna:

// un array di arrays

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

// un array di oggetti

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]);

Nota che se l'array contiene oggetti, allora le colonne sono etichettate con il nome della proprietà.

// un oggetto le cui proprietà sono oggetti

var family = {};

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

console.table(family);

Restringimento delle colonne visualizzate

Di default, console.table() visualizza la lista di elementi in ogni riga. Puoi usare il parametro opzionale columns per selezionare un sottoinsieme delle colonne da visualizzare:

// un array di oggetti, visualizzando solo 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"]);

Ordinamento delle colonne

Puoi ordinare la tabella in base ad una particolare colonna cliccando sulla sua etichetta.

Sintassi

console.table(data [, columns]);

Parametri

data

Il dato da visualizzare. Deve essere un oggetto o un array.

columns

Un array contenente i nomi delle colonne da includere nell'output.

Specifiche

Compatibilità dei browser