DEV Community

Pretty JSON Output

Samantha Ming on January 28, 2019

Tired of the one-liner JSON output, well no more! Utilize JSON.stringify built-in pretty printing. Set the 3rd parameter with your desired spacin...

Read full post

Mihail Malo • Jan 28 '19

Doesn't seem like the output of JSON.stringify(protein, null, "I 💛") is recoverable with JSON.parse.

Samantha Ming • Jan 29 '19

oh ya 😮 ...looking into the docs. it seems like:
Throws a SyntaxError exception if the string to parse is not valid JSON.

Definitely something to keep in mind before using the "space" parameter. thanks for catching that!

Mihail Malo • Jan 29 '19 • Edited

I was just curious if there would be a way to recover, for example another parameter you could pass to parse. There isn't though.

const protein = {
  steak: "🥩",
  bacon: "🥓",
  fake: { shrimp: "🍤" },
  array: ["🥩", "🥓", "🍤"]
}
// looks weird but works
JSON.parse(JSON.stringify(protein, null, "\n\t\n\0\r  "))
// SyntaxError
JSON.parse(JSON.stringify(protein, null, "🥓"))

// and my favorite:
// parses as `{sh: "🍤", steak: "🥩", bacon: "🥓"}`
// but breaks nested objects or arrays.
JSON.parse(JSON.stringify({ steak: "🥩", bacon: "🥓" }, null, '"sh":"🍤",'))