使い方
- JSONデータを入力
入力エリアにJSONデータを貼り付けます。
- JSONPath式を入力
ツールバーのパス入力欄にJSONPath式を入力します（例: $.store.books[*].title）。
- 結果を確認
マッチした値がJSON形式で出力エリアに表示されます。
JSONPathテスター の具体例
配列要素のプロパティ抽出
入力
{"store":{"books":[{"title":"本A","price":1000},{"title":"本B","price":2000}]}}出力
[
"本A",
"本B"
]JSONPath: $.store.books[*].title
再帰降下で全priceを取得
入力
{"a":{"price":100},"b":{"c":{"price":200},"price":300}}出力
[
100,
200,
300
]JSONPath: $..price
特長
- $ (ルート)、.key (子要素)、[n] (インデックス)のサポート
- [*] (ワイルドカード) で配列全要素にアクセス
- ..key (再帰降下) でネストされた値を再帰的に検索
- [start:end] (スライス) で配列の範囲指定
- リアルタイム評価（入力と同時に結果表示）
- 入力データはブラウザ内で処理（サーバー送信なし）
- ダークモード対応
よくある質問
JSONPathとは何ですか？
JSONPathはJSONデータ構造内の要素を指定するためのクエリ言語です。XPathのJSON版と考えることができます。$がルートを表し、ドット記法やブラケット記法でネストした値にアクセスします。
フィルター式（[?(@.price > 100)]）に対応していますか？
基本的なパス式（$、.key、[n]、[*]、..key、スライス）に対応しています。フィルター式は今後のアップデートで対応予定です。
データはサーバーに送信されますか？
いいえ。すべての処理はブラウザ内で完結し、データが外部に送信されることはありません。