Console Methods Deep Dive

// console.table - beautiful data display
const users = [
  { name: "Alice", age: 25, role: "admin" },
  { name: "Bob", age: 30, role: "user" },
  { name: "Charlie", age: 28, role: "editor" }
];
console.table(users);
console.table(users, ["name", "role"]);  // show only specific columns

// console.group - organize related logs
console.group("🔐 Authentication");
console.log("Checking token...");
console.log("Token valid ✅");
console.log("User: Alice");
console.groupEnd();

// console.time - performance measurement
console.time("Array creation");
const bigArray = Array.from({ length: 100000 }, (_, i) => i);
console.timeEnd("Array creation");

console.time("Filter");
const filtered = bigArray.filter(n => n % 2 === 0);
console.timeEnd("Filter");

// console.assert - only logs on failure
console.assert(1 === 1, "This won't show");
console.assert(1 === 2, "This WILL show - assertion failed!");

// console.count - count executions
function processItem(item) {
  console.count("processItem called");
  return item * 2;
}
[1, 2, 3].forEach(processItem);
// processItem called: 1, 2, 3

// console.trace - show call stack
function a() { b(); }
function b() { c(); }
function c() { console.trace("Trace from c"); }
a();  // Shows: c → b → a → (anonymous)