How do i pretty print javascript objects/variables?

Question

**** NOT A DUPE *** The duplicate referenced answer refers to JSON only ****

I am looking to avoid this when logging js vars to the console:

var user = {
  first: 'Jack',
  last: 'Green',
  age: 54
};
 
// plain console log
console.log(user);
 
// or with interpolation:
console.log(`User: ${user}`);

This ends up like:

{ prop1: 'value1', prop2: 2 }
 
User: [Object object]

Log the variable itself rather than a `.toString()` version of the variable as in `console.log('User: ', user);`. — Ouroborus, Mar 08 '17 at 04:37

score 6 · Accepted Answer · answered Mar 08 '17 at 04:31

6

Change the above example to:

var user = {
  first: 'Jack',
  last: 'Green',
  age: 54
};

// plain console log
console.log(JSON.stringify(user, undefined, 2));

// or with interpolation:
console.log(`User: ${JSON.stringify(user, undefined, 2)}`);

and now we get the nice looking output:

{
  "first": "Jack",
  "last": "Green",
  "age": 54
}

User: {
  "first": "Jack",
  "last": "Green",
  "age": 54
}

answered Mar 08 '17 at 04:31

DropHit

1,695
15
28

2

That's not pretty. There's no need for quotes around keys. Please, an answer that doesn't use JSON. – John Deighan Feb 22 '22 at 15:52
2

Huh looks good to me- thanks for the advice - you're a true genius and obviously bored. – DropHit Feb 23 '22 at 20:08

How do i pretty print javascript objects/variables?

1 Answers1