JSON Path Finder

Step 1: Understanding JSONPath Syntax

JSONPath expressions use a simple syntax to navigate JSON structures:

• $ (Root): Always starts JSONPath expressions
• . (Dot Notation): Accesses object properties ($.store.name)
• [] (Array Index): Zero-based array indexing ($.products[0])
• Property Names: Direct access to object keys

Step 2: Interactive Path Discovery

The tool makes path discovery visual and intuitive:

{
  "store": {
    "products": [
      {"name": "Laptop", "price": 999}
    ]
  }
}

Click on elements to see their paths:

• $.store - The store object
• $.store.products[0].name - "Laptop"
• $.store.products[0].price - 999

Step 3: Using Discovered Paths in Code

Once you have the path, use it in your programming language:

// JavaScript
const productName = data.store.products[0].name;

// Python with jsonpath-ng
productName = jsonpath.parse('$.store.products[0].name').find(data)[0].value;

// Using in API tests
expect(response.store.products[0].price).toBeGreaterThan(0);

Step 4: Bulk Path Analysis

Generate all paths for comprehensive analysis:

• View complete data structure mapping
• Create documentation for API consumers
• Plan data transformation strategies
• Identify missing or optional fields

Step 5: Search and Filter Paths

Use the search functionality to quickly locate specific data:

• Search "price" to find all pricing data paths
• Filter by "id" to locate unique identifiers
• Find "email" paths for contact information
• Locate "status" fields across different objects