aboutsummaryrefslogtreecommitdiff
path: root/files/it/web/api/console/table
diff options
context:
space:
mode:
Diffstat (limited to 'files/it/web/api/console/table')
-rw-r--r--files/it/web/api/console/table/index.html143
1 files changed, 143 insertions, 0 deletions
diff --git a/files/it/web/api/console/table/index.html b/files/it/web/api/console/table/index.html
new file mode 100644
index 0000000000..d2ae5bbce2
--- /dev/null
+++ b/files/it/web/api/console/table/index.html
@@ -0,0 +1,143 @@
+---
+title: Console.table()
+slug: Web/API/Console/table
+translation_of: Web/API/Console/table
+---
+<div> {{APIRef("Console API")}}</div>
+
+<p><span class="seoSummary">Visualizza dati tabulari come una tabella.</span></p>
+
+<p>Questa funzione richiede un argomento obbligatorio <code>data</code>, che deve essere un array di oggetti, ed un parametro opzionale <code>columns</code>.</p>
+
+<p>La funzione visualizza <code>data</code> come una tabella ed ogni elemento dell'array (o ogni sua proprietà numerabile se <code>data</code> è un oggetto) sarà una riga della tabella.</p>
+
+<p>La prima colonna della tabella rappresenta l'etichetta <code>(index)</code>. Se <code>data</code> è un array allora il valore sarà il suo indice nell'array. Se, invece, <code>data</code> è un oggetto, il suo valore sarà il nome della proprietà. Nota che (in Firefox) <code>console.table</code> limita a 1000 la visualizzazione delle righe (la prima riga contiene i nomi delle etichette).</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h3 id="Collezioni_di_tipi_di_primitive">Collezioni di tipi di primitive</h3>
+
+<p>L'argomento <code>data</code> può essere un array o un oggetto.</p>
+
+<pre class="brush: js">// array di stringhe
+
+console.table(["apples", "oranges", "bananas"]);</pre>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8567/console-table-array.png"></p>
+
+<pre class="brush: js">// 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);</pre>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8559/console-table-simple-object.png"></p>
+
+<h3 id="Collezioni_di_tipi_composti">Collezioni di tipi composti</h3>
+
+<p>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:</p>
+
+<pre class="brush: js">// un array di arrays
+
+var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]]
+console.table(people);</pre>
+
+<p><img alt="Table displaying array of arrays" src="https://mdn.mozillademos.org/files/8561/console-table-array-of-array.png"></p>
+
+<pre class="brush: js">// 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]);</pre>
+
+<p>Nota che se l'array contiene oggetti, allora le colonne sono etichettate con il nome della proprietà.</p>
+
+<p><img alt="Table displaying array of objects" src="https://mdn.mozillademos.org/files/8563/console-table-array-of-objects.png"></p>
+
+<pre class="brush: js">// 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);</pre>
+
+<p><img alt="Table displaying object of objects" src="https://mdn.mozillademos.org/files/8565/console-table-object-of-objects.png"></p>
+
+<h3 id="Restringimento_delle_colonne_visualizzate">Restringimento delle colonne visualizzate</h3>
+
+<p>Di default, <code>console.table()</code> visualizza la lista di elementi in ogni riga. Puoi usare il parametro opzionale <code>columns</code> per selezionare un sottoinsieme delle colonne da visualizzare:</p>
+
+<pre class="brush: js">// 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"]);</pre>
+
+<p><img alt="Table displaying array of objects with filtered output" src="https://mdn.mozillademos.org/files/8569/console-table-array-of-objects-firstName-only.png"></p>
+
+<h3 id="Ordinamento_delle_colonne">Ordinamento delle colonne</h3>
+
+<p>Puoi ordinare la tabella in base ad una particolare colonna cliccando sulla sua etichetta.</p>
+
+<h2 id="Sintassi">Sintassi</h2>
+
+<pre class="syntaxbox">console.table(data [, <em>columns</em>]);
+</pre>
+
+<h3 id="Parametri">Parametri</h3>
+
+<dl>
+ <dt><code>data</code></dt>
+ <dd>Il dato da visualizzare. Deve essere un oggetto o un array.</dd>
+ <dt><code>columns</code></dt>
+ <dd>Un array contenente i nomi delle colonne da includere nell'output.</dd>
+</dl>
+
+<h2 id="Specifiche">Specifiche</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Specifiche</th>
+ <th scope="col">Stato</th>
+ <th scope="col">Commenti</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName("Console API", "#table", "console.table()")}}</td>
+ <td>{{Spec2("Console API")}}</td>
+ <td>Initial definition</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilità_dei_browser">Compatibilità dei browser</h2>
+
+<div>
+
+
+<p>{{Compat("api.Console.table")}}</p>
+</div>