Logging to the Console

The console object is your primary debugging tool in JavaScript. Let's explore all the useful methods it offers.

console.log()

The most common method — outputs any value to the console:

console.log("Hello!");
console.log(42);
console.log(true);
console.log([1, 2, 3]);
console.log({ name: "Alice", age: 25 });

Logging Multiple Values

let name = "Alice";
let age = 25;

// Comma-separated
console.log("Name:", name, "Age:", age);

// Template literal
console.log(`Name: ${name}, Age: ${age}`);

Other Console Methods

console.warn("This is a warning");    // Yellow warning icon
console.error("This is an error");     // Red error icon
console.info("This is info");          // Info icon
console.clear();                        // Clear the console

console.table()

Displays arrays and objects as a formatted table:

let users = [
    { name: "Alice", age: 25 },
    { name: "Bob", age: 30 },
    { name: "Charlie", age: 35 }
];
console.table(users);

Timing Code

console.time("loop");
for (let i = 0; i < 100000; i++) { }
console.timeEnd("loop");  // loop: 2.5ms

Grouping Output

console.group("User Details");
console.log("Name: Alice");
console.log("Age: 25");
console.groupEnd();