JSON Stringify Ouput to Multiple Lines

Question

I'm writing a simple JS app that takes in a JSON file, displays the information to the user and allows them to modify it, and then allows them to re-export the JSON. However, the JSON that is being brought in is multi-line; each key/value is on its own line. When I use .stringify to output the JSON, it all appears on one line. Is there any way for the stringify method to separate the lines?

JSON Structure:

{"Title":
 {"lvlOne":[
  {"key":"val"},
  {"key":"val"},
  {"key":"val"}
 ],
 "lvl2":[
  {"key":"val"},
  {"key":"val"},
  {"key":"val"}
 ]}
}

But when I output, it all shows:

{"Title":{"lvlOne":[{"key":"val"},{"key":"val"},{"key":"val"}],"lvl2":[{"key":"val"{"key":"val"},{"key":"val"}]}}

Please research JSON.stringify: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… - a third parameter can be used to specify the spacing for pretty printing — Ian
– Ian, Commented Jul 1, 2014 at 17:19
I populate a <textarea> with the JSON for the user to copy and deploy. — Joey N
– Joey N, Commented Jul 1, 2014 at 17:36

Mosh Feu · Accepted Answer · 2018-01-27 17:53:34Z

53

You can use the space parameter of the stringify method. From the official page, here is the relevant excerpt:

JSON.stringify({ a: 2 }, null, " ");   // '{\n "a": 2\n}'

edited Jan 27, 2018 at 17:53

Mosh Feu

29.5k18 gold badges94 silver badges141 bronze badges

answered Jul 1, 2014 at 17:22

Mike Pelley

3,13723 silver badges25 bronze badges

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

2 Comments

aanhlle Over a year ago

why " " helps to add a new line instead of just a space ?

nitzel Over a year ago

for me (vue3) numbers work fine, too. but the null is relevant, as JSON.stringify(obj, space=2) isn't working as expected :/

Maneesh Singh · Accepted Answer · 2014-07-02 02:31:18Z

11

you can also use.

var json = JSON.stringify({ uno: 1, dos : {"s":"dd","t":"tt"} }, null, '\t');
console.log(json);

answered Jul 2, 2014 at 2:31

Maneesh Singh

5752 silver badges13 bronze badges

Comments

Gabriel Anderson · Accepted Answer · 2020-09-02 18:07:10Z

8

Or even better, the count of spaces in the indentation:

var json = JSON.stringify({ uno: 1, dos : {"s":"dd","t":"tt"} }, null, 2);

answered Sep 2, 2020 at 18:07

Gabriel Anderson

1,41116 silver badges18 bronze badges

1 Comment

DATEx2 Jan 27 at 17:46

this prints on multiple lines - not good

GMC · Accepted Answer · 2022-03-31 10:08:29Z

-3

None of the above worked for me the only thing that worked for me was

await fs.promises.writeFile('testdataattr.json',JSON.stringify(datatofile, null,'\r\n'),'utf8') ;

answered Mar 31, 2022 at 10:08

GMC

11 bronze badge

Collectives™ on Stack Overflow

JSON Stringify Ouput to Multiple Lines

4 Answers 4

2 Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related