You may also like ☞ Why you should Stop using the ‘else’ keyword in JavaScript

Are you a JavaScript developer who uses console.log() often to debug your code? There is nothing wrong in it. But if you are unaware, there are so many other methods of console object which are quite amazing. In this article, I would like to explain the effective usage of these methods.

Why Is console Object Used?

The console object in JavaScript provides access to the browser debugging console, where you can print values of the variables which you’ve used in your code. Oftentimes, this can be used to debug if the right value is being passed in your code.

I’m pretty sure most of us developers have used console.log() to print values in our browser console. log is just one method of the console object. There are several other methods that are very useful.

1. console.log()

This method is mainly used to print the value passed to it to the console. Any type can be used inside the log(), be it a string, array, object, boolean etc.

Example

console.log('JavaScript');
console.log(7);
console.log(true);
console.log(null);
console.log(undefined);
console.log([1, 2, 3]);
console.log({a: 1, b: 2, c: 3});

Output

2. console.error()

This method is useful while testing code. It is used to log errors to the browser console. By default, the error message will be highlighted with red color.

Example

console.error('Error found');

Output

3. console.warn()

This method is also used to test code. Usually, it helps in throwing warnings to the console. By default, the warning message will be highlighted with yellow color.

Example

console.warn('Warning!');

Output

#javascript #programming