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);— Sorry to interrupt this program! 📺
Are you interested in learning React? If so, I highly recommend you try Wes Bos' React for Beginners or Fullstack Advanced React & GraphQL course.
Given the current situation with COVID-19, times are hard for most of us, but if you're stuck at home you can perhaps use that extra time to work on your front-end skills. Wes put all of his courses at 50% off to help out with the current challenge we're facing.
Plus, these are affiliate links, so if you purchase a course you help Alligator.io continue to exist at the same time! 🙏
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.