Print array to console elegantly

Question

How would I get the following object:

[ 'hello everyone!', { testing: 1 }, 'another:', { state: 1 } ]

To print as the following:

hello everyone! { 
    testing: 1 
} another: { 
    state: 1 
}

The objects in the array can be heavily nested.

I use this right now, but feels like it's heavy:

const messages = [ 'hello everyone!', { testing: 1 }, 'another:', { state: 1 } ];
let string = '';
messages.forEach(element => {
    string += ' ';
    if (typeof element === 'string') {
        string += element;
    } else {
        string += util.inspect(element, { showHidden: false, depth: null, compact: false });
    }
});
console.log(string);

Bonus for elegant code.

Possible duplicate of How can I pretty-print JSON using JavaScript? — VLAZ
– VLAZ, Commented Sep 5, 2019 at 11:27
^ The author doesn't want array brackets to be visible, so it is different. — dziraf
– dziraf, Commented Sep 5, 2019 at 11:32

dev-dan · Accepted Answer · 2019-09-05 11:33:38Z

2

You could use JSON.stringify()

console.log(JSON.stringify(yourData));

This should help see the data better in the terminal. Not elegant or anything but simple at least. Admittedly doesn't give the nesting but shows the full object and should maintain to do so with deeper nesting.

As mentioned in the comments by Gavin this also has a pretty-printing argument to help achieve the nesting.

console.log(JSON.stringify(yourData, null, 2));

Which would give you

edited Sep 5, 2019 at 11:33

answered Sep 5, 2019 at 11:21

dev-dan

6,3333 gold badges27 silver badges46 bronze badges

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

7 Comments

Gavin Over a year ago

+1 to this. Also note stringify's third parameter allows to specify whitespace for pretty-printing developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

dziraf Over a year ago

^ The author doesn't want array brackets to be visible, so it is different.

dev-dan Over a year ago

are you sure? because I see brackets, just not on the same line

dziraf Over a year ago

In author's example there are no commas, no double quotes and no external array [] brackets in the output.

dev-dan Over a year ago

ahh okay i see mb

|

Zohaib Aslam · Accepted Answer · 2019-09-05 11:26:08Z

0

You can try this one. SO Reference

console.log(JSON.stringify([ 'hello everyone!', { testing: 1 }, 'another:', { state: 1 } ], null, 2))

answered Sep 5, 2019 at 11:26

Zohaib Aslam

508 bronze badges

Collectives™ on Stack Overflow

Print array to console elegantly

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related