console.table() in JavaScript ← Alligator.io

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);

🐊 Alligator.io recommends:

ES6 for Everyone → A video course to learn modern JavaScript

ⓘ About this affiliate link

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.