So zeigen Sie Daten als Tabelle in der Browserkonsole an

Console ist ein integriertes Browser-Tool, das Fehler auf der Website protokolliert. Wenn Fehler auftreten (z. B. fehlerhafte Verknüpfungen, unvollständige JavaScript-Funktionen oder unbekannte CSS-Eigenschaften), zeigen die Browser Fehlermeldungen in der Konsole an.

Darüber hinaus können wir über die Shell und die Konsolen-API auch mit der Konsole interagieren, was beim Testen bestimmter Funktionen und der Datenausgabe nützlich ist. Hier zeigen wir Ihnen einen praktischen Tipp für die Verwendung der Konsolen-API.

Zugriff auf die Browser-Konsole

In Chrome können wir das Menü Ansicht> Entwickler> JavaScript-Konsole auswählen, um die Konsole aufzurufen. Alternativ können Sie auch die Tastenkombination: Cmd + Option + J unter OS X und Strg + Umschalt + J unter Windows verwenden.

Im Folgenden sehen Sie eine fehlerfreie Chrome-Konsole.

Von hier aus können wir den in der Konsolen-API bereitgestellten Befehl verwenden.

Interaktion mit der Konsole

Wir können mit der Browserkonsole über die Konsole selbst interagieren und JavaScript innerhalb des Dokuments hinzufügen. Als Beispiel nennen wir der Konsole "Good Morning!", console.log() Befehl console.log() direkt in der Konsole eingeben:

Wie erwähnt, können wir auch die console.log() innerhalb des Dokuments anwenden. Eine praktische console.log() Verwendung besteht darin, eine bedingte JavaScript-Anweisung zu testen. Wir können klarer sehen, ob das Ergebnis mit Hilfe von console.log() true oder false console.log() .

Unten ist ein Beispiel:

 var a = 1; if (a == 1) {console.log ('wahr'); } else {console.log ('false'); } 

Der obige Code gibt true zurück, da die a Variable die Zahl 1 enthält. In der Konsole sollte der Browser den Text true ausgeben.

Ausgabedaten als Tabelle

Manchmal haben wir es mit einem Array von Daten oder einer Liste von Objekten zu tun, wie unten gezeigt:

 var data = [{Name: "Andi", Alter: "21", Stadt: "Tuban"}, {Name: "Ani", Alter: "25", Ort: "Trenggalek"}, {Name: "Adi", Alter: "30", Stadt: "Kediri"}]; console.table (Daten); 

Diese Daten werden schwer zu lesen sein, wenn wir die console.log() -Methode verwenden. Die console.log() -Methode zeigt das Array in der console.log() Baumansicht, wie unten gezeigt.

Wenn es sich um ein solches Array handelt, ist die Verwendung von console.table() der console.table() Weg, es auszugeben. Diese Methode zeigt Daten in einem Tabellenformat an. Nimmt man die gleichen Daten wie oben, wird es ausgegeben als:

Fazit

Mit der Browser-Konsole können Webentwickler Fehler in Websites beheben. Wir können es auch verwenden, um die Datenausgabe zu testen, wie bei der console.log() -Methode. Wenn wir einen array data console.table() -Befehl haben, wäre er nützlicher, da er das Array in einem Tabellenformat anzeigt, das leicht zu lesen ist. Beachten Sie, dass die console.table() nur in Webkit-basierten Browsern wie Chrome, Safari und der neuesten Version von Opera verwendet werden kann.

Weiterführende Literatur

• Einfaches JavaScript-Array
• Konsolen-API-Snippet für erhabenen Text

4 kreative Photoshop-Künstler, die geschickt manipulieren Landschaften [Fotos]

Viele Künstler haben verschiedene Werkzeuge, die sie verwenden, um eine bestimmte Form der Arbeit zu schaffen . Manche Menschen benutzen Papier als Medium, während andere eine digitalere Kunst bevorzugen. Dann gibt es diejenigen, die Photoshop als Werkzeug nutzen, um etwas Einzigartiges zu schaffen, das sie repräsentiert.Ph

(Tech- und Design-Tipps)

8 wissenschaftlich nachgewiesene Möglichkeiten, Ihr Glück zu erhöhen

Mein früherer Beitrag, das Streben nach Glück (und wie man wirklich glücklich sein kann) bestand darin, das Leben nach den Momenten zu leben, anstatt die meiste Zeit damit zu verbringen, darüber nachzudenken, was wir als nächstes erreichen sollten. Wir können unser Glück in den Griff bekommen, indem wir uns dazu entschließen, Aktivitäten wie körperliche Betätigung und gütige Handlungen zu unternehmen, die uns helfen, Glück zu finden.Die gute Nac

(Tech- und Design-Tipps)