How to Format, Validate, and Minify JSON

Working with JSON is unavoidable in modern development. APIs return it, configs use it, databases store it. But minified or poorly formatted JSON is hard to read and debug. A formatter fixes that instantly.

What JSON formatting does

JSON formatting (also called “pretty printing”) adds consistent indentation and line breaks to make JSON readable:

Before:

{"users":[{"name":"Alice","age":30,"roles":["admin","editor"]},{"name":"Bob","age":25,"roles":["viewer"]}]}

After:

{
  "users": [
    {
      "name": "Alice",
      "age": 30,
      "roles": ["admin", "editor"]
    },
    {
      "name": "Bob",
      "age": 25,
      "roles": ["viewer"]
    }
  ]
}

Same data, dramatically more readable.

JSON validation

Beyond formatting, validation catches structural errors:

• Missing commas between properties
• Trailing commas after the last element (not valid in JSON)
• Single quotes instead of double quotes
• Unquoted keys (valid in JavaScript, not in JSON)
• Missing brackets or braces

A good formatter shows you exactly where the error is, making it easy to fix.

Minification — the opposite

Minification removes all unnecessary whitespace:

{"users":[{"name":"Alice","age":30},{"name":"Bob","age":25}]}

Use minification when you need to:

• Reduce payload size for API responses
• Store JSON in databases efficiently
• Include JSON in URLs or query parameters

Common JSON mistakes

1. Trailing commas

{
  "name": "Alice",
  "age": 30,  // ← This comma breaks JSON
}

JavaScript allows trailing commas, JSON does not.

2. Single quotes

{
  'name': 'Alice'  // ← Must use double quotes
}

3. Comments

{
  "name": "Alice" // this is a comment — INVALID
}

JSON has no comment syntax. Use JSONC or JSON5 if you need comments.

4. Undefined values

{
  "name": undefined  // ← Not valid. Use null instead
}

Working with large JSON

For large JSON files (API responses, database dumps):

• Collapse/expand sections to focus on what matters
• Search for specific keys or values
• Copy paths like users[0].name for debugging
• Tree view to understand the structure at a glance

A browser-based formatter handles all of this without needing to install an IDE extension or desktop app.