How to use console methods for debugging in JavaScript

· Category: JavaScript

Short answer

The console API provides many methods to inspect data, measure performance, group messages, and trace execution, speeding up debugging significantly.

Steps

  1. Display tabular data: javascript console.table([{ name: "A", age: 20 }, { name: "B", age: 25 }]);
  2. Group related logs: javascript console.group("User"); console.log("Name: Ada"); console.log("Role: Admin"); console.groupEnd();
  3. Measure elapsed time: javascript console.time("loop"); for (let i = 0; i < 1e6; i++) {} console.timeEnd("loop");
  4. Conditional assertions: javascript console.assert(user.age >= 18, "User must be adult");
  5. Print stack traces: javascript console.trace("Trace label");

Tips

  • Use console.dir to inspect DOM objects or object properties with non-enumerable items.
  • Avoid leaving console calls in production code; use a logging library.

Common issues

  • console.log of an object may show the mutated state at expansion time, not at log time.
  • console.assert does not throw; it only logs when the condition is false.