چگونه یک JSON Formatter ساده بنویسیم؟

هسته کار

فرمت‌دهی JSON در جاوااسکریپت تنها یک متد است:

const formatted = JSON.stringify(parsed, null, 2);

اعتبارسنجی

try {
  JSON.parse(input);
  // معتبر است
} catch (e) {
  console.error('Invalid JSON:', e.message);
}

هایلایت سینتکس

می‌توانید با regex ساده، کلیدها و مقادیر را رنگی کنید:

const highlight = (json) => json
  .replace(/&/g, '&amp;').replace(/</g, '&lt;')
  .replace(/"([^"]+)"(\s*:)/g, '<span class="key">"$1"</span>$2')
  .replace(/: "([^"]*)"/g, ': <span class="str">"$1"</span>')
  .replace(/\b(-?\d+\.?\d*)\b/g, '<span class="num">$1</span>');

نکته: همیشه قبل از رندر HTML، کاراکترهای خطرناک را escape کنید تا XSS رخ ندهد.

فشرده‌سازی (Minify)

const minified = JSON.stringify(parsed);