Search results
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
- Learn Web Development
Welcome to the MDN learning area. This set of articles aims...
- Play
The MDN Web Docs site provides information about Open Web...
- Blog
The MDN blog publishes web development news, tutorials, and...
- HTML
HTML (HyperText Markup Language) is the most basic building...
- Advertise With US
The MDN Web Docs site provides information about Open Web...
- CSS
Cascading Style Sheets (CSS) is a stylesheet language used...
- About
MDN Web Docs is an open-source, collaborative project...
- Performance API
The following interfaces are present in the Performance API:...
- Learn Web Development
Jul 19, 2023 · These guides help you get started with contributing to MDN Web Docs. They also cover topics such as how you can help with tasks and issues, open discussions, and suggest content. If you need help or want to contact us, you'll find the information here.
- Overview
- Syntax
- Logging objects
- Browser compatibility
- See also
The console.log() static method outputs a message to the console. The message may be a single string (with optional substitution values), or it may be any one or more JavaScript objects.
Parameters
obj1 … objN A list of JavaScript objects to output. Objects are output in the order listed. Please be warned that if you log objects in the latest versions of Chrome and Firefox, what you get logged on the console is a reference to the object, which is not necessarily the 'value' of the object at the moment in time you call console.log(), but it is the value of the object at the moment you open the console. msg A JavaScript string containing zero or more substitution strings. subst1 … substN JavaScript objects with which to replace substitution strings within msg. This gives you additional control over the format of the output. See Outputting text to the console in the documentation of console for details.
Return value
None (undefined).
Information about an object is lazily retrieved. This means that the log message shows the content of an object at the time when it's first viewed, not when it was logged. For example:
This will output {}. However, if you expand the object's details, you will see prop: 123.
If you are going to mutate your object and you want to prevent the logged information from being updated, you can deep-clone the object before logging it. A common way is to JSON.stringify() and then JSON.parse() it:
There are other alternatives that work in browsers, such as structuredClone(), which are more effective at cloning different types of objects.
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
•Microsoft Edge's documentation for console.log()
•Node.JS documentation for console.log()
Feb 24, 2023 · If you do not already have one, go ahead and sign up for an account before continuing. If you are new to GitHub, we encourage you to take the following free, self-paced courses and reading material offered by GitHub.
MDN Web Docs is an open-source, collaborative project documenting Web platform technologies, including CSS, HTML, JavaScript, and Web APIs. We also provide an extensive set of learning resources for beginning developers and students.
Whenever you wish to make changes to MDN's content (such as editing, creating, or adding tags to pages), you need to be signed in. This article will explain the process of signing in and the authentication methods we support for identifying you as an MDN contributor.
People also ask
What is MDN Web Docs?
Why should I use MDN Web Docs?
What does MDN do?
What is MDN community?
Select a service to sign in with. Currently, only GitHub is available. Note that if you select GitHub, a link to your GitHub profile will be included on your public MDN profile page. Follow GitHub's prompts to connect your account to MDN. Once the authentication service returns you to MDN, you'll be prompted to enter a username and email address.
