JavaScript | console.log() with Examples

JavaScript is now one of the world’s most popular programming languages. Its popularity is not slowing down either, it is continuously growing on a daily basis, and the main reason is the fact that there are tons of frameworks and “run-time javascript” that help in building many top-notch web applications with ease.

The console.log() is a basic JavaScript function that is used to display or print any message to the debugger’s console. The message can be any variable defined before (including arrays, objects, and so on) or any string. The console.log() is commonly used for testing purposes during the development phase.



An example using a variable defined before in it.

var fullName = "John Doe";



How it works

The log() is a method in the web API “API Console” which is available in almost every browser and JavaScript editor, the purpose of this method is to display anything passed into it using the parameters to the console panel and to access this log() method we use the console object with a dot-operator.

Console Object Methods

The console object is used with a “dot-operator” to utilize quite useful predefined methods. Some examples of these methods would be as follows:

assert(): Writes an error message to the console if the assertion is false

clear(): Clears the console terminal / panel

time(): Starts a timer (can track how long an operation takes)


It accepts a parameter which can be a message (string) or any object.

Return Value

The return type is the same as the parameter that is passed into it.

Examples using different types of Parameters

Now, we are going to use different types of parameters to show the working of the console.log() method.

Using a String and number: First up, is an example with a simple numeric value and a string as its parameter.

console.log("THIS IS MY WORLD");



The output can be seen in the image below:

Using an Array: Next up, it would be an example using an array of String objects.

var arr = ["Cricket", "Hockey", "Badminton", "Squash", "Tennis"];



The output can be seen in the image below:

Using an object: Now that we have used a simple numeric value, a string, and even an array of strings, it’s time to move on to Objects.

var myObj = { firstname : "John", lastname : "Doe" };



The output of using the console.log() with an object as its parameter is as follows:


JavaScript is becoming the most widely used scripting\ programming language in the world and if we want to become familiar with the modern-day programming sensation then we should know how various methods work in JavaScript.

We have learned what console.log is, its syntax, usage, parameters, return values along with examples. We also learned how a console.log works by explaining what the log() method actually is and how the “console” object is used to call different methods defined in the “API CONSOLE” from the WEB API which is built into different browsers and code editors.

About the author

Shehroz Azam

A Javascript Developer & Linux enthusiast with 4 years of industrial experience and proven know-how to combine creative and usability viewpoints resulting in world-class web applications. I have experience working with Vue, React & Node.js & currently working on article writing and video creation.