Diysb Tools

JSONを美しくする

適切なインデントとスペースを使用して JSON をフォーマットします。

JSONツール

JSONを美しくする

このツールを使用すると、JSON データを適切なインデントとスペースでフォーマットできるため、読みやすく、操作しやすくなります。

入力JSON
整形されたJSON
ツールオプション
インデント
スペースを使用する
スペースで出力をインデントする
タブを使用する
出力をタブでインデントします。
JSONを美しくする 例

Beautify an Ugly JSON Array

In this example, we prettify an ugly JSON array. The input data is a one-dimensional array of numbers [1,2,3] but they are all over the place. This array gets cleaned up and transformed into a more readable format where each element is on a new line with an appropriate indentation using four spaces.

[ 1, 2,3 ]
[ 1, 2,3 ]
[ 1, 2, 3 ]
[ 1, 2, 3 ]
インデント
スペースを使用する
スペースで出力をインデントする
タブを使用する
出力をタブでインデントします。

Prettify a Complex JSON Object

In this example, we prettify a complex JSON data structure consisting of arrays and objects. The input data is a minified JSON object with multiple data structure depth levels. To make it neat and readable, we add two spaces for indentation to each depth level, making the JSON structure clear and easy to understand.

{"names":["jack","john","alex"],"hobbies":{"jack":["programming","rock climbing"],"john":["running","racing"],"alex":["dancing","fencing"]}}
{"names":["jack","john","alex"],"hobbies":{"jack":["programming","rock climbing"],"john":["running","racing"],"alex":["dancing","fencing"]}}
{ "names": [ "jack", "john", "alex" ], "hobbies": { "jack": [ "programming", "rock climbing" ], "john": [ "running", "racing" ], "alex": [ "dancing", "fencing" ] } }
{ "names": [ "jack", "john", "alex" ], "hobbies": { "jack": [ "programming", "rock climbing" ], "john": [ "running", "racing" ], "alex": [ "dancing", "fencing" ] } }
インデント
スペースを使用する
スペースで出力をインデントする
タブを使用する
出力をタブでインデントします。

Beautify a JSON with Excessive Whitespace

In this example, we show how the JSON prettify tool can handle code with excessive whitespace. The input file has many leading and trailing spaces as well as spaces within the objects. The excessive whitespace makes the file bulky and hard to read and leads to a bad impression of the programmer who wrote it. The program removes all these unnecessary spaces and creates a proper data hierarchy that's easy to work with by adding indentation via tabs.

{ "name": "The Name of the Wind", "author" : "Patrick Rothfuss", "genre" : "Fantasy", "published" : 2007, "rating" : { "average" : 4.6, "goodreads" : 4.58, "amazon" : 4.4 }, "is_fiction" : true }
{ "name": "The Name of the Wind", "author" : "Patrick Rothfuss", "genre" : "Fantasy", "published" : 2007, "rating" : { "average" : 4.6, "goodreads" : 4.58, "amazon" : 4.4 }, "is_fiction" : true }
{ "name": "The Name of the Wind", "author": "Patrick Rothfuss", "genre": "Fantasy", "published": 2007, "rating": { "average": 4.6, "goodreads": 4.58, "amazon": 4.4 }, "is_fiction": true }
{ "name": "The Name of the Wind", "author": "Patrick Rothfuss", "genre": "Fantasy", "published": 2007, "rating": { "average": 4.6, "goodreads": 4.58, "amazon": 4.4 }, "is_fiction": true }
インデント
スペースを使用する
スペースで出力をインデントする
タブを使用する
出力をタブでインデントします。