Table of Contents

URL: https://www.progressiverobot.com/js-console-table/

The <^>console.table()<^> allows to display data in the console in a nice tabular format. It comes in very handy when having to visualize complex arrays or objects. It can display tabular data for arrays or objects:

				
					
var someArray = [

 "Blowin' in the Wind",

 "Like a Rolling Stone",

 "Knockin' On Heaven's Door"

];



console.table(someArray);



// Array of arrays:

var anotherArray = [

 ["One", "Two"],

 ["Three", "Four"],

 ["Five", "Six"]

];



console.table(anotherArray);

And here's an example with an object:

				
					
function HitSingle(title, artist,

  year, album) {

  this.title = title;

  this.artist = artist;

  this.year = year;

  this.album = album;

}



var favHit = new HitSingle(

    "Like a Prayer",

    "Madonna",

    "1989",

    "Like a Prayer"

    );



console.table(favHit);

There's an optional second argument to console.table(): an array with the names for the columns.

Try it! Open your console to see the result. Keep in mind though that console.table() is not supported in IE.