How do i pretty print javascript objects/variables? [duplicate]

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
– Ouroborus, Commented Mar 8, 2017 at 4:37

DropHit · Accepted Answer · 2017-03-08 04:31:12Z

7

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 8, 2017 at 4:31

DropHit

1,72416 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

John Deighan Over a year ago

That's not pretty. There's no need for quotes around keys. Please, an answer that doesn't use JSON.

DropHit Over a year ago

Huh looks good to me- thanks for the advice - you're a true genius and obviously bored.

Collectives™ on Stack Overflow

How do i pretty print javascript objects/variables? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related