Fydler UtilityBelt - JSON Path Validator

JSON Path Validator

Data & Formatting Tool

JSON Data

JSON Path Expression

Evaluation Result

---

Help & Examples

Common Syntax:

$: The root object or element
.property: Dot-notated child
['property']: Bracket-notated child
[*]: All elements in an array
[0, 1]: Array indexes
[?(@.price < 10)]: Filter expression

Copied to clipboard!

lucide.createIcons(); const jsonInput = document.getElementById('json-input'); const pathInput = document.getElementById('path-input'); const resultOutput = document.getElementById('result-output'); const btnEvaluate = document.getElementById('btn-evaluate'); const btnCopy = document.getElementById('btn-copy-result'); btnEvaluate.addEventListener('click', evaluatePath); pathInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') { evaluatePath(); } }); btnCopy.addEventListener('click', () => { const text = resultOutput.textContent; if (text !== '---') { navigator.clipboard.writeText(text); showToast('Result copied!'); } }); function evaluatePath() { const jsonStr = jsonInput.value.trim(); const pathStr = pathInput.value.trim(); if (!jsonStr) { resultOutput.textContent = 'Error: Please enter JSON data'; resultOutput.style.color = '#dc2626'; return; } if (!pathStr) { resultOutput.textContent = 'Error: Please enter a JSON Path expression'; resultOutput.style.color = '#dc2626'; return; } try { const jsonData = JSON.parse(jsonStr); resultOutput.style.color = ''; const result = JSONPath.JSONPath({path: pathStr, json: jsonData}); if (result === undefined || (Array.isArray(result) && result.length === 0)) { resultOutput.textContent = 'No matches found.'; } else { resultOutput.textContent = JSON.stringify(result, null, 2); } } catch (err) { resultOutput.textContent = 'Error: ' + err.message; resultOutput.style.color = '#dc2626'; } } function showToast(msg) { const toast = document.getElementById('toast'); const toastMsg = document.getElementById('toast-message'); toastMsg.textContent = msg; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'), 2000); }