Questa traduzione è incompleta. Collabora alla traduzione di questo articolo dall’originale in lingua inglese.

 

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

Note: This feature is available in Web Workers.

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
Console API
The definition of 'console.table()' in that specification.
Living Standard Initial definition

Compatibilità dei browser

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome Full support YesEdge Full support 13Firefox Full support 34IE No support NoOpera Full support YesSafari Full support YesWebView Android ? Chrome Android ? Edge Mobile Full support YesFirefox Android Full support 34Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown

Tag del documento e collaboratori

Hanno collaborato alla realizzazione di questa pagina: ilsergente1993
Ultima modifica di: ilsergente1993,