JSONビューアー（ツリー表示）

JSONビューアーは、波括弧だらけの文章を読める形に変えます。すべてのオブジェクトと配列は枝になり、すべての値に型が表示され、何も変更されません。APIのレスポンスや設定ファイルを貼り付けると、構造がひと目で分かり、コードやJSONPathクエリで使う値の正確なパスが見つかり、中身の数も数えられます。壊れたJSONは、問題のある行と列とともに報告されます。

使い方

1. JSONをボックスに貼り付けます。入力に合わせてツリーが更新されます。
2. 大きな文書の上位の階層だけを見るには、ツリーの深さを下げます。
3. パス表で、$.items[0].sku のような任意の値のパスをコピーします。
4. データだけを一覧にして入れ物を省くには、末端の値のみにチェックを入れます。

計算式

path = $ followed by .key or ['key'] for each object member and [i] for each array index (i from 0)

識別子として有効なキーはドット記法、それ以外（スペース、ハイフン、引用符など）は、JavaScriptやJSONPathのツールが受け付ける角括弧記法を使います。ネストの深さはオブジェクトと配列の階層数なので、フラットなオブジェクトの深さは1です。末端の値は、文字列、数値、真偽値、null、そして空のオブジェクトや空の配列です。

計算例

サンプルの注文では、ツリーは $ (object, 5 keys) で始まり、customer、items、tags の枝があります。数はオブジェクト4個（ルート、customer、2つの項目）、配列2個、キー14個、末端の値13個で、ネストの深さは3（$ → items → items[0]）です。2つ目の項目の価格は $.items[1].price にあります。