Tekane Chaitanya
Chaitanya Tekane

Follow

Chaitanya Tekane

Follow
12 JavaScript Console Methods You Should Master Today

12 JavaScript Console Methods You Should Master Today

Tekane Chaitanya's photo
Tekane Chaitanya
ยทAug 22, 2021ยท

3 min read

This blog covers all important console methods which every javascript developer should master today. All console methods are explained with help of an example. These all console methods are very useful, if you are learning web development.

So let's get started,

๐Ÿ”ท CONSOLE.ASSERT()

The console.assert() method writes a message to the console, but only if an expression evaluates to false.

console.assert(document.getElementById("demo"),
"You have no element with ID 'demo'");

// output
// Assertion failed: You have no element with ID 'demo'

๐Ÿ”ท CONSOLE.COUNT()

Writes to the console the number of times that particular console.count() is called. You can add a label that will be included in the console view.

console.count("myLabel");
console.count("myLabel");

// output
// myLabel: 1
// myLabel: 2

๐Ÿ”ท CONSOLE.GROUP()

The console.group() method indicates the start of a message group. All messages will from now on be written inside this group.

console.log("Hello world!");
console.group();
console.log("Hello again, this time inside a group!");

Output :- Screenshot (527).png

๐Ÿ”ท CONSOLE.CLEAR()

The console.clear() method clears the console. It will also write a message in the console: "Console was cleared".

console.clear();

// output
// Console was cleared

๐Ÿ”ท CONSOLE.ERROR()

The console.error() method writes an error message to the console. The console is useful for testing purposes.

console.error("You made a mistake");

// output
// You made a mistake

๐Ÿ”ท CONSOLE.GROUPCOLLAPSED()

The console.groupCollapsed() method indicates the start of a collapsed message group. Click the expand button to open the message group.

console.groupCollapsed();
console.log("Hello again, this time inside a collapsed group!");

Output :- Screenshot (528).png

๐Ÿ”ท CONSOLE.GROUPEND()

The console.groupEnd() method indicates the end of a message group.

console.log("Hello world!");
console.group();
console.log("Hello again, this time inside a group!");
console.groupEnd();
console.log("and we are back.");

Output :- Screenshot (530).png

๐Ÿ”ท CONSOLE.INFO()

The console.info() method writes a message to the console.

console.info("Hello World");
// Output (With i prefixed):
Hello World

Output :- Screenshot (532).png

๐Ÿ”ท CONSOLE.TIME()

Use the console.time() method to start the timer. The console.timeEnd() method ends a timer, and writes the result in the console view.

console.time();
for(i=0; i<100000; i++){
// some code
}
console.timeEnd();

Output :- Screenshot (534).png

๐Ÿ”ท CONSOLE.TABLE()

The console.table() method writes a table in the console view. The first parameter is required, and must be either an object, or an array, containing data to fill the table.

console.table(["Cricket", "Football", "Basketball", "Hockey"]);

Output :- Screenshot (536).png

๐Ÿ”ท CONSOLE.LOG()

The console.log() method writes a message to the console. The console is useful for testing purposes.

console.log("Hello world!");

Output :- Screenshot (539).png

๐Ÿ”ท CONSOLE.WARN()

The console.warn() method writes a warning to the console.

console.warn("This is a warning!");

Output :- Screenshot (542).png

Hope you liked this!

Let's Get Connected ๐Ÿค:)

ย 
Share this