12 Console.xxx You May Not Know

0xkoji - Aug 26 '19 - - Dev Community

I think many of us are using console.log regularly but there is more console.

console.table

const foo = { id: 1, verified: true, color: 'green' };
const bar = { id: 2, verified: false, color: 'red' };
console.table({ foo, bar})
Enter fullscreen mode Exit fullscreen mode

console.group

console.group('User Details');
console.log('name: John Doe');
console.log('job: Software Developer');
// Nested Group
console.group('Address');
console.log('Street: 123 Townsend Street');
console.log('City: San Francisco');
console.log('State: CA');
console.groupEnd();
console.groupEnd();
Enter fullscreen mode Exit fullscreen mode

console.warn

console.warn("warning") 
Enter fullscreen mode Exit fullscreen mode

console.error

console.error("error")
Enter fullscreen mode Exit fullscreen mode

console.info

console.info("info")
Enter fullscreen mode Exit fullscreen mode

color tag

console.log('%c Auth ', 
            'color: white; background-color: #2274A5', 
            'Login page rendered');
console.log('%c GraphQL ', 
            'color: white; background-color: #95B46A', 
            'Get user details');
console.log('%c Error ', 
            'color: white; background-color: #D33F49', 
            'Error getting user details');
Enter fullscreen mode Exit fullscreen mode

console.time

let i = 0;
console.time("While loop");
while (i < 1000000) {
  i++;
}
console.timeEnd("While loop");
console.time("For loop");
for (i = 0; i < 1000000; i++) {
  // For Loop
}
console.timeEnd("For loop");
Enter fullscreen mode Exit fullscreen mode

Others

console.trace

console.assert

console.debug

console.profile

console.dir

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .