Open In App
Related Articles

Difference between console.dir and console.log

Improve Article
Save Article
Like Article

Console Object: The Console object provides access to the browser’s debugging console, which can be seen using F12 or ctrl+shift+j. Console object contains many methods, log() and dir() are most used among.

The console.log() method prints out a toString representation of the object in the console to the user.

console.log(object) or console.log("string", object)

The console.dir() method output the list of object properties of a specified object in the console to the user.


In simple words, the console.log() returns the object in its string representation and console.dir() recognizes the object just as an object and outputs its properties. Both log() and dir() returns the string just as a string.


<!DOCTYPE html>
        var str = "Howdy GeeksforGeeks"
        var geek = {
            book: "harrypotter",
            price: "2000"
        var geek2 = [10, 20, 30];
        console.log("geek (log) = ", geek);
        console.log("geek2 (log) = ", geek2);
        // Prints only string as dir() takes
        // only one parameter.
        console.dir("geek2 (dir) = ", geek2);


In the above code, log() prints the toString representation of the object while dir() recognizes the object and prints its properties only.

The above program is runned in chrome, so log() prints the tree along with the string info, but if runned in firefox log() only prints out toString representation info, while dir() behaves the same anywhere.

As you can see in the code console.dir(“geek2 (dir) = “, geek2); only prints the string part but not the object properties because dir() take only one parameter and considers the string as its only parameter passed into the methods, whereas log() takes any number of parameters.

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 18 Nov, 2019
Like Article
Save Article
Similar Reads
Complete Tutorials