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)}`); 

Answer 2

 var obj = { name: 'John', age: 22 } log`This is obj: ${obj}` function log(strings, ...values) { console.log(strings.reduce((p, c, i) => `${p}${c}${values[i]?JSON.stringify(values[i]):''}`, '')); } 

Answer 3

console.log My object is: ${obj} ;

There are tildes(`) at both ends of the grayed section, but the formatting is removing them