How many Types of Console available in JavaScript with example
JavaScript's console object provides several methods for logging and debugging. Here are the main types:
1. console.log()
The most common method for general logging.
javascript
console.log("Hello, World!");
console.log("Name:", "John", "Age:", 30);
console.log({name: "John", age: 30});2. console.error()
Logs error messages (typically displayed in red).
javascript
console.error("An error occurred!");
console.error("Error:", new Error("Something went wrong"));3. console.warn()
Logs warning messages (typically displayed in yellow/orange).
javascript
console.warn("This is a warning!");
console.warn("Deprecated function - use newFunction() instead");4. console.info()
Similar to console.log(), used for informational messages.
javascript
console.info("Server started on port 3000");5. console.debug()
Logs debug-level messages (often only visible with debug verbosity enabled).
javascript
console.debug("Debugging info:", variableValue);6. console.table()
Displays data in a formatted table.
javascript
const users = [
{name: "Alice", age: 25},
{name: "Bob", age: 30}
];
console.table(users);7. console.time() and console.timeEnd()
Measures execution time of code.
javascript
console.time("timer");
// some code here
for(let i = 0; i < 1000000; i++) {}
console.timeEnd("timer");8. console.group() and console.groupEnd()
Groups related logs together.
javascript
console.group("User Details");
console.log("Name: John");
console.log("Age: 30");
console.groupEnd();9. console.assert()
Logs a message only if the condition is false.
javascript
console.assert(5 > 3, "5 is greater than 3");
console.assert(2 > 3, "2 is greater than 3"); // This will log10. console.clear()
Clears the console.
javascript
console.clear();11. console.count()
Counts how many times it's been called with the same label.
javascript
console.count("loop");
console.count("loop");
console.count("loop"); // Displays: loop: 312. console.trace()
Displays a stack trace showing the call path.
javascript
function functionA() {
functionB();
}
function functionB() {
console.trace("Trace here");
}
functionA();Each method serves different purposes depending on your debugging needs. console.log() and console.error() are the most frequently used in everyday development!
