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
Specifiche | Stato | Commenti |
---|---|---|
Console API The definition of 'console.table()' in that specification. |
Living Standard | Initial definition |
Compatibilità dei browser
BCD tables only load in the browser