web-dev-qa-db-ja.com

JSONをプログラムで美しくするにはどうすればいいですか？

JavaScript用の「JSON Beautifier」を知っていますか。

差出人

{"name":"Steve","surname":"Jobs","company":"Apple"}

To

{
  "name" : "Steve",
  "surname" : "Jobs",
  "company" : "Apple"
}

例

some_magic(jsonObj); // return beautified JSON
javascriptjsoncode-formattingpretty-print
301
Randy Mayer

プログラムによるフォーマットソリューション

最近の多くのブラウザ（IE 8を含む）でサポートされているJSON.stringifyメソッドは、美化されたJSON文字列を出力できます。

JSON.stringify(jsObj, null, "\t"); // stringify with tabs inserted at each level
JSON.stringify(jsObj, null, 4);    // stringify with 4 spaces at each level

デモ： http://jsfiddle.net/AndyE/HZPVL/

このメソッドは、古いブラウザをサポートするために json2.js にも含まれています。

手動フォーマットソリューション

プログラムで行う必要がない場合は、 JSON Lint を試してください。 JSONを美しく見せるだけでなく、同時に検証します。

628
Andy E

これは、開発者がJavaScriptを頻繁にハック（縮小または難読化）するために興味深いものです。

あなたは5分以内にあなた自身のCLI JavaScript JavaScript美化を構築することができて、それをコマンドラインで便利にすることができます。 Mozilla Rhino 、オンラインで入手可能ないくつかのJS美化者のJavaScriptファイル、それをすべてまとめるスクリプトファイルが必要です。

私はその手順を説明する記事を書きました： JavaScriptで実装されたコマンドラインJavaScript美化 。

2
Shonzilla