Hoe JSON te formatteren: Pretty Print en Beautify Gids 2026

# Hoe JSON te formatteren: Pretty Print en Beautify Gids

Het correct formatteren van JSON is essentieel voor de leesbaarheid en het debuggen. Of je nu werkt met API-antwoorden, configuratiebestanden of data-exports, deze uitgebreide gids laat je elke methode zien om JSON te formatteren en te verfraaien in 2026.

Waarom JSON formatteren?

Leesbaarheid

{"name":"John","age":30,"address":{"street":"123 Main St","city":"NYC"},"hobbies":["reading","coding"]}

{
  "name": "John",
  "age": 30,
  "address": {
    "street": "123 Main St",
    "city": "NYC"
  },
  "hobbies": [
    "lezen",
    "coderen"
  ]
}

Debuggen

Geformatteerde JSON maakt het gemakkelijker om:

• Syntaxis-fouten op te sporen
• Ontbrekende komma's te identificeren
• Datastructuur te verifiëren
• Problemen te achterhalen

Versiebeheer

Correct geformatteerde JSON zorgt voor schonere 'diffs' in Git.

Methode 1: Online JSON Formatters

Big JSON Viewer

Snel, geschikt voor grote bestanden:

JSONLint

Valideert en formatteert:

JSON Formatter

Simpel en snel:

Methode 2: Command Line Tools

Gebruik van jq

De krachtigste command-line JSON-processor:

# Formatteer JSON-bestand
jq . input.json

# Formatteer en sla op
jq . input.json > formatted.json

# Formatteer met inspringing van 4 spaties
jq --indent 4 . input.json

# Formatteer een API-antwoord
curl https://api.example.com/data | jq .

# Minimaliseren (compact)
jq -c . input.json

# macOS
brew install jq

# Ubuntu/Debian
sudo apt-get install jq

# Windows (met Chocolatey)
choco install jq

Gebruik van Python

Ingebouwde tool:

# Formatteer JSON-bestand (2 spaties inspringing)
python -m json.tool input.json

# Formatteer met aangepaste inspringing
python -m json.tool --indent 4 input.json > formatted.json

# Formatteer vanuit stdin
echo '{"name":"John","age":30}' | python -m json.tool

Gebruik van Node.js

Snelle methode:

# Formatteer JSON-bestand
node -e "console.log(JSON.stringify(require('./input.json'), null, 2))"

# Vanuit string
node -e "console.log(JSON.stringify(JSON.parse(process.argv[1]), null, 2))" '{"a":1,"b":2}'

Methode 3: Code Editors

Visual Studio Code

{
  "editor.formatOnSave": true,
  "editor.tabSize": 2,
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features",
    "editor.formatOnSave": true
  }
}

Sublime Text

Vim

:%!jq .

Methode 4: Programmeertalen

JavaScript/Node.js

// Formatteer met inspringing van 2 spaties
const data = {name: "John", age: 30, city: "NYC"};
const formatted = JSON.stringify(data, null, 2);
console.log(formatted);

// Formatteer vanuit string
const jsonString = '{"name":"John","age":30}';
const parsed = JSON.parse(jsonString);
const pretty = JSON.stringify(parsed, null, 2);

// Bestand lezen en formatteren
const fs = require('fs');
const rawData = fs.readFileSync('input.json');
const jsonData = JSON.parse(rawData);
const formatted = JSON.stringify(jsonData, null, 2);
fs.writeFileSync('output.json', formatted);

Python

import json

# Dictionary formatteren
data = {"name": "John", "age": 30, "city": "NYC"}
formatted = json.dumps(data, indent=2)
print(formatted)

# Formatteer vanuit string
json_string = '{"name":"John","age":30}'
parsed = json.loads(json_string)
pretty = json.dumps(parsed, indent=2)

# Bestand lezen en formatteren
with open('input.json', 'r') as f:
    data = json.load(f)

with open('output.json', 'w') as f:
    json.dump(data, f, indent=2)

# Sleutels alfabetisch sorteren
formatted = json.dumps(data, indent=2, sort_keys=True)

PHP

<?php
$data = array(
    "name" => "John",
    "age" => 30,
    "city" => "NYC"
);

// Formatteer met pretty print
$formatted = json_encode($data, JSON_PRETTY_PRINT);
echo $formatted;
?>

Methode 5: Browser DevTools

Chrome/Edge DevTools

Of gebruik de Console:

const data = '{"name":"John","age":30}';
console.log(JSON.parse(data));

Geavanceerde Formatteringsopties

Custom Replacer Functie

const data = {
  name: "John",
  password: "secret123",
  age: 30,
  createdAt: new Date()
};

// Verberg gevoelige data en formatteer datums
const formatted = JSON.stringify(data, (key, value) => {
  if (key === 'password') return '';

  if (value instanceof Date) return value.toISOString();
  return value;
}, 2);

# Minimaliseren met jq
jq -c . input.json > minified.json

{
  "name": "John",  // Commentaar niet toegestaan
  'age': 30,       // Enkele aanhalingstekens niet toegestaan
  "city": "NYC",   // Extra komma aan het einde niet toegestaan
}

Oplossing:* Gebruik command-line tools:

jq . large-file.json > formatted.json

Best Practices

1. Consistente Inspringing

Kies 2 of 4 spaties en houd je hieraan in je hele project.

2. Regellengte

Houd regels indien mogelijk onder de 80-120 tekens.

3. Alfabetische Sleutels

Sorteer sleutels alfabetisch voor eenvoudiger vergelijken.

4. Formatteer voor Commit

Formatteer JSON altijd voordat je deze vastlegt (commit) in versiebeheer.

Conclusie

Het formatteren van JSON is een basisvaardigheid voor ontwikkelaars. Of je nu de voorkeur geeft aan online tools, command-line utilities of ingebouwde functies van programmeertalen, er is altijd een methode die bij je workflow past.

Voor snelle taken gebruik je online formatters of browser DevTools. Voor automatisering en grote bestanden gebruik je command-line tools zoals jq. Voor integratie in je eigen code gebruik je de taalspecifieke JSON-bibliotheken.

Onthoud: geformatteerde JSON is gemakkelijker te lezen, te debuggen en te onderhouden. Maak van formatteren een gewoonte in je ontwikkelproces.