JavaScript Console Methods
š„ļø JavaScript Console Methods Cheatsheet
Stop using console.log() for everything! The console object provides a variety of methods for logging messages, inspecting data, grouping output, and measuring performance.
ā log / error / warn / info ā table ā group / groupEnd ā time / timeEnd ā assert ā count / countReset ā trace ā clear
#javascript #console #debugging #logging #webdev #frontend #developer tools #coding #tips
| Method | Description |
|---|---|
console.log() | General-purpose logging. |
console.info() | Informational message. |
console.warn() | Warning message. |
console.error() | Error message with stack trace. |
console.table() | Display arrays or objects as a table. |
console.group() / console.groupEnd() | Group related logs together. |
console.time() / console.timeEnd() | Measure durations. |
console.assert() | Log an error only if a condition is false. |
console.count() / console.countReset() | Count how many times a label is logged. |
console.trace() | Print a stack trace. |
console.clear() | Clear the console. |
console.dir() | Inspect an object's properties. |
console.log()
General-purpose logging.
const name = "Ada";
console.log("Hello,", name);
console.info()
Informational message.
console.info("Application started");
console.warn()
Warning message.
console.warn("This API is deprecated");
console.error()
Error message with stack trace.
console.error("Failed to load resource");
console.table()
Display arrays or objects as a table.
const users = [
{ name: "Ada", role: "admin" },
{ name: "Grace", role: "editor" },
];
console.table(users);
console.group() / console.groupEnd()
Group related logs together.
console.group("User details");
console.log("Name: Ada");
console.log("Role: admin");
console.groupEnd();
console.time() / console.timeEnd()
Measure durations.
console.time("loop");
for (let i = 0; i < 1000000; i++) {}
console.timeEnd("loop");
console.assert()
Log an error only if a condition is false.
const value = 5;
console.assert(value > 10, "Value should be greater than 10");
console.count() / console.countReset()
Count how many times a label is logged.
console.count("click");
console.count("click");
console.countReset("click");
console.count("click");
console.trace()
Print a stack trace.
function second() {
console.trace("Trace here");
}
function first() {
second();
}
first();
console.clear()
Clear the console.
console.log("This will be cleared");
console.clear();
console.log("Console cleared");
console.dir()
Inspect an object's properties.
console.dir(document.body);
Full-Stack AI Developer Roadmap
From HTML & CSS to working with AI models, all in one structured roadmap.