Verwenden Sie Console.log (), um Arrays anzuzeigen
Stellen Sie sich vor, Sie konstruieren das folgende Array
var Sprachen = [
{Name: "JavaScript", FileExtesion: ".js"},
{Name: "TypeScript", FileExtension: ".ts"},
{Name: "Coffeescript", FileEXTension: ".Coffee"}
];
console.log(languages);console.log () zeigt das Array auf diese Weise an
Dieses Anzeigeformat ist sehr nützlich für die Entwicklung, aber ich fand, dass es etwas sperrig ist, auf jedes Objekt manuell zu klicken. Zu diesem Zeitpunkt denke ich, dass Console.table () etwas interessant ist.
Verwenden Sie Console.table (), um Arrays anzuzeigen
Versuchen wir nun die Verwendung von Console.table ():
Sehr klein oder nicht?
Natürlich ist Console.table () besser geeignet, in Tabellenformatdaten rundweg aufgeführt und präsentiert perfekter. Wenn jedes Array -Element eine andere Struktur hat, sind viele Gitter Ihrer Tabelle undefiniert.
Verwenden Sie Console.table (), um Objekt anzuzeigen
Ein weiteres Merkmal von console.table () besteht darin, Objekt anzuzeigen.
var languages = {CSHARP: {Name: "C#", Paradigm: "objektorientiert"},
FSHARP: {Name: "F#", Paradigm: "Funktional"}
};
console.table(languages);Es ist absolut wahr.
Console.table () Filterfunktion
Wenn Sie Console.table () auf eine bestimmte Spalte einschränken möchten, können Sie die Parameterliste wie folgt übergeben:
// Mehrere Eigenschaftstasten
console.table (Sprachen, ["Name", "Paradigm"]);
Wenn Sie auf eine Eigenschaft zugreifen möchten, reicht ein Parameter aus.
// A single property keyconsole.table(languages, "name");Früher dachte ich, ich hatte die meisten Funktionen von Chrome -Entwickler -Tools bereits verstanden, aber jetzt bin ich offensichtlich falsch. Wenn Sie nichts zu tun haben, schauen Sie sich die Chrome Devtools -Dokumentation an!