JSON Begrijpen: Een Beginnerhandleiding voor Formatteren en Validatie
Snel antwoord
JSON is een tekst-gebaseerd dataformaat met key-value paren en arrays. Het ondersteunt strings, numbers, booleans, null, objects en arrays. Gebruik onze gratis JSON Formatter om JSON te verfraaien, valideren en verkleinen —alle verwerking gebeurt in je browser.
Invoering
JSON (JavaScript Object Notation) is een lichtgewicht data-uitwisselingsformaat dat gemakkelijk voor mensen te lezen en te schrijven is, en gemakkelijk voor machines te parsen en te genereren. Het is het meest voorkomende dataformaat voor communicatie tussen webservers en browsers, en heeft XML grotendeels vervangen in moderne web-API's.
Stap voor stap
-
Begrijp de syntaxis van JSON
JSON gebruikt accolades {} voor objecten, vierkante haakjes [] voor arrays en sleutel-waardeparen gescheiden door dubbele punten. Sleutels moeten strings tussen dubbele aanhalingstekens zijn. Waarden kunnen tekenreeksen, getallen, booleans, null, objecten of arrays zijn.
-
Formatteer uw JSON
Plak uw JSON-gegevens in de JSON Formatter-tool. Het verfraait de JSON automatisch met de juiste inspringing en regeleinden, waardoor het gemakkelijk te lezen is.
-
Valideer de structuur
De formatter controleert uw JSON op syntaxisfouten. Indien geldig, wordt de geformatteerde uitvoer weergegeven. Indien ongeldig, wordt er een foutmelding weergegeven die het probleem aangeeft.
-
Kopieer of gebruik het resultaat
Kopieer de opgemaakte JSON naar uw klembord voor gebruik in uw code, documentatie of foutopsporing.
Voorbeelden
Eenvoudig voorwerp
Invoer: {"name":"Alice","age":30}
Uitvoer: {
"name": "Alice",
"age": 30
}
Array van objecten
Invoer: [{"id":1},{"id":2}]
Uitvoer: [
{ "id": 1 },
{ "id": 2 }
]
Geneste structuur
Invoer: {"user":{"name":"Bob","tags":["admin","user"]}}
Uitvoer: {
"user": {
"name": "Bob",
"tags": ["admin", "user"]
}
}
Veelvoorkomende problemen
- Enkele aanhalingstekens gebruiken voor tekenreeksen —JSON vereist dubbele aanhalingstekens voor tekenreeksen en sleutels.
- Volgkomma's —JSON staat geen komma toe na het laatste item in een object of array.
- Opmerkingen —JSON ondersteunt geen opmerkingen (// of /* */). Gebruik JSONC of JSON5 als je commentaar nodig hebt.
- Sleutels zonder aanhalingstekens: alle sleutels moeten tussen dubbele aanhalingstekens staan, in tegenstelling tot letterlijke JavaScript-objectletters.
Tips
- Gebruik een JSON formatter om syntaxisfouten op te sporen voordat u gegevens naar een API verzendt.
- Verkleind JSON bespaart bandbreedte: gebruik verkleining bij productie en opmaak bij ontwikkeling.
- JSON ondersteunt geen ongedefinieerde functies of datums als waarden: gebruik null- of ISO 8601-tekenreeksen.
- Gebruik JSON.parse() in JavaScript om JSON strings naar objecten te converteren, en JSON.stringify() om objecten naar JSON te converteren.