javascriptserializationjavascript-objects

How can I display a JavaScript object?

How do I display the content of a JavaScript object in a string format like when we alert a variable?

The same formatted way I want to display an object.

Solution

  • If you want to print the object for debugging purposes, use the code:

    var obj = {
  prop1: 'prop1Value',
  prop2: 'prop2Value',
  child: {
    childProp1: 'childProp1Value',
  },
}
console.log(obj)

    will display:

    screenshot console chrome

    Note: you must only log the object. For example, this won't work:

    console.log('My object : ' + obj)

    Note ': You can also use a comma in the log method, then the first line of the output will be the string and after that, the object will be rendered:

    console.log('My object: ', obj);