Javascript ES6 console.log object using template literal

Question

I have simple object that I want to display in console

var obj = { name: 'John', age: 22 }

If I type:

console.log(obj)

Object { name: "John", age: 22 }

If I type:

console.log('my object is: ' + obj)

my object is: [object Object]

console.log('my object is: %o', obj)

my object is: Object { name: "John", age: 22 }

How can I achieve this using a template literal?

If I type:

console.log(`my object is: ${obj}`)

my object is: [object Object]

Answer 1

You could serialize the object with JSON.stringify.

var obj = { name: 'John', age: 22 };
console.log(`my object is: ${JSON.stringify(obj)}`);