Loading ...

Visualizzare oggetti in tabella con Javascript

Visualizzare oggetti in tabella con Javascript

Quando si parla della console di Javascript, nessuno pensa a console.table.

Questa proprietà ci consente di "esplodere" un oggetto in forma di tabella, e quindi di leggerlo ed analizzarlo più facilmente.

Facciamo qualche esempio:

                var giocatori = [
                    {name: "maradona", country: "argentina"},
                    {name: "pelè", country: "brasile"},
                    {name: "van basten", country: "olanda"},
                    {name: "italia", country: "totti"}
                ];
                console.table(giocatori);

Se aprite la console di Javascript (provato su Chrome e Firefox), dovreste vedere i dati in forma tabellare.

La prima colonna sarà un indice numerico; ma possiamo impostarlo noi l'indice:

                var giocatori = {
                    argentina: {name: "messi", squadra: "barcellona"},
                    brasile: {name: "neymar", squadra: "psg"},
                    olanda: {name: "van basten", squadra: "milan"},
                    italia: {name: "italia", squadra: "roma"}
                };
                console.table(giocatori);

Adesso la prima colonna, l'indice, sarà il nome della nazione.

Enjoy!