console.table() in JavaScript
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);🏋️♂️ Recommended course ⤵
Wes Bos' ES6 for Everyone!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.