Console Methods Beyond log()

Syntax

console.table(data)
console.group(label)
console.time(label)

Examples

const users = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 }
];

console.table(users);
// Renders a formatted table with columns for name and age

console.group("User Validation");
console.log("Checking email...");
console.log("Checking password...");
console.log("All checks passed");
console.groupEnd();

console.time("dataProcessing");

// some expensive operation
for (let i = 0; i < 1000000; i++) { /* ... */ }

console.timeEnd("dataProcessing");
// "dataProcessing: 12.34ms"

Best practices

• Use console.table() instead of console.log() when inspecting arrays of objects - it is dramatically easier to read
• Use console.group()/groupEnd() to organize related log output during debugging of complex flows
• Use console.warn() and console.error() instead of console.log() for messages that genuinely need visual distinction and severity
• Remove or guard debug console statements before shipping to production, or use a proper logging library with configurable levels

At a glance

Purpose

Application logic and interaction

File extension

.js · .mjs

Runs in

Browsers and JavaScript runtimes

Usually used with

HTML, CSS and Web APIs

Specifications & further reading

• ECMAScript specification

Related JavaScript documentation