JSON パスファインダー
JSON データを貼り付け、ツリー構造を探索し、任意のノードをクリックして JSONPath 式を取得。
JSON 入力0 文字
ツリーエクスプローラー
JSON を貼り付けてツリー構造を表示
JSONPath とは？
JSONPath は JSON のクエリ言語で、XML の XPath に似ています。$.store.products[0].name のようなパス式を使用して JSON ドキュメントからデータを選択・抽出できます。$ 記号は JSON ドキュメントのルートを表します。
JSONPath 構文
- - $ — ルートオブジェクト
- - .key — 子プロパティ
- - [0] — 配列インデックス
- - ["key"] — 特殊キーのブラケット表記
オンラインで JSON パスを検索する方法
- 1.左パネルに JSON データを貼り付けるか、サンプルを読み込むをクリックして試してみてください。
- 2.JSON は自動的に右側のインタラクティブなツリービューに解析されます。
- 3.ツリー内の任意のノードをクリックして、上のパスバーで JSONPath 式を確認します。
- 4.パスをコピーをクリックして JSONPath 式をクリップボードにコピーします。
FAQ
JSONPath の $ 記号とは？
$ 記号はファイルパスの / と同様に、JSON ドキュメントのルートを表します。すべての JSONPath 式は $ で始まります。例えば、$.name はルートオブジェクトの "name" プロパティを選択します。
配列要素は JSONPath でどのように参照されますか？
配列要素はゼロベースのインデックスを持つブラケット表記を使用します。例えば、$.items[0] は最初の要素、$.items[1] は 2 番目の要素を選択します。一部の実装では負のインデックスも使用できます。
これらのパスを JavaScript で使えますか？
ドット表記のパス（$.store.name など）は JavaScript のプロパティアクセスに直接対応します：data.store.name。特殊文字を含むブラケット表記のパスには data["special-key"] を使用します。多くの JSONPath ライブラリ（jsonpath-plus など）もこれらの式を直接サポートしています。
JSON データはサーバーに送信されますか？
いいえ。すべての解析とツリー構築はブラウザ内で JavaScript を使用して行われます。JSON データがアップロード、保存、サーバー上で処理されることはありません。