--- title: Console.table() slug: Web/API/Console/table translation_of: Web/API/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);

Table displaying array of arrays

// 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à.

Table displaying array of objects

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

Table displaying object of objects

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

Table displaying array of objects with filtered output

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
{{SpecName("Console API", "#table", "console.table()")}}	{{Spec2("Console API")}}	Initial definition