This content originally appeared on DEV Community and was authored by Alish Giri
Do you always use console.log in your projects during development?
And even though we will keep using console.log, there are other alternatives that will make your development more fun and productive.
console.dir()
For hierarchical listing of arrays and objects.
console.dir(["apples", "oranges", "bananas"]);
console.table()
For rows and columns listing of objects and arrays.
console.table(["apples", "oranges", "bananas"]);
console.table({"a": 1, "b": 2, "c": 3});
console.group()
console.log("This is the top outer level");
console.group("Task 1");
console.log("Task activity 1");
console.log("Task activity 2");
console.groupEnd();
console.log("Back to the top outer level");
console.time() & console.timeEnd()
try {
console.time("recording...");
await someAsyncTask();
} catch (error) {
// handle error
} finally {
console.timeEnd("completed");
}
console.clear()
This will clear the console.
I hope this was helpful! 
This content originally appeared on DEV Community and was authored by Alish Giri