【HTML+JavaSciprt】WebサイトでJSONファイルを整形して表示したい

(StackOverflowより引用)

WebサイトにJSONファイルの中身を出そうとしたが、どうも圧縮された全く読めない状態で表示されてしまう.

ちゃんと整形して深さに合わせたインデントをつけて欲しい…

ググったら、これが正解. だけどコメントまで読まないとちゃんとできなかったので、メモしておく.

https://stackoverflow.com/questions/3515523/javascript-how-to-generate-formatted-easy-to-read-json-straight-from-an-object

やるべきこと

1. JSON.stringify({a:1,b:2,c:{d:1,e:[1,2]}}, null, “\t”);
   1. これで、tabで整形された文字列になる. 引数は辞書.
2. preタグで囲った領域に上記を貼り付ける<pre>ここ</pre>

一つ目でtabを含んだ文字列に変えてくれて、タブをちゃんと反映してくれるpreタグで囲むという流れ.

これでJSONファイルが綺麗に表示される.