loading...

12 Console.xxx You May Not Know

kojikanao profile image Koji (he/him) ・1 min read

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

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

console.warn

console.warn("warning") 

console.error

console.error("error")

console.info

console.info("info")

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

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

Others

console.trace

console.assert

console.debug

console.profile

console.dir

Posted on by:

kojikanao profile

Koji (he/him)

@kojikanao

Looking for opportunities! Software Engineer in NYC/Research Resident@NYU-ITP18-19 Mostly I work with reactjs and sometimes python. code to do something weird/useless/helpful Japanese

Discussion

markdown guide
 

Interesting list, some of them I didn't know.

You could add images to show the result.

 
 
 

Wow.... That seems very useful. Thank you for awesome knowledge.

 

Wow Koji ,
Thank you for new knowledge