What is JSON?
JSON (JavaScript Object Notation) is a lightweight data interchange format that's easy for humans to read and write, and easy for machines to parse and generate. Despite its name, JSON is language-independent and supported by virtually every programming language.
Basic JSON Syntax
JSON is built on two structures:
- Objects: A collection of key-value pairs enclosed in curly braces
{} - Arrays: An ordered list of values enclosed in square brackets
[]
Simple JSON Example
{
"name": "John Doe",
"age": 30,
"email": "[email protected]",
"isActive": true
} JSON Data Types
JSON supports six fundamental data types:
- String: Text enclosed in double quotes
"name": "John Doe" - Number: Integer or floating-point
"age": 30"price": 19.99 - Boolean:
trueorfalse"isActive": true - Null: Represents absence of value
"middleName": null - Object: Collection of key-value pairs
"address": { "street": "123 Main St", "city": "New York" } - Array: Ordered list of values
"hobbies": ["reading", "coding", "gaming"]
Complex JSON Example
{
"users": [
{
"id": 1,
"name": "Alice",
"email": "[email protected]",
"roles": ["admin", "user"],
"profile": {
"age": 28,
"country": "USA"
}
},
{
"id": 2,
"name": "Bob",
"email": "[email protected]",
"roles": ["user"],
"profile": {
"age": 32,
"country": "UK"
}
}
]
} JSON Best Practices
1. Use Double Quotes
Always use double quotes for strings, never single quotes:
// ✅ Correct
{ "name": "John" }
// ❌ Incorrect
{ 'name': 'John' } 2. No Trailing Commas
JSON doesn't allow trailing commas:
// ✅ Correct
{
"name": "John",
"age": 30
}
// ❌ Incorrect
{
"name": "John",
"age": 30,
} 3. Consistent Indentation
Use consistent indentation (2 or 4 spaces) for better readability. Our JSON Editor can automatically format your JSON.
4. Use Meaningful Key Names
Choose clear, descriptive names for your keys:
// ✅ Good
{
"firstName": "John",
"dateOfBirth": "1990-01-01"
}
// ❌ Poor
{
"fn": "John",
"dob": "1990-01-01"
} Common JSON Use Cases
1. Configuration Files
JSON is widely used for application configuration:
{
"appName": "MyApp",
"version": "1.0.0",
"database": {
"host": "localhost",
"port": 5432
}
} 2. API Responses
REST APIs commonly use JSON for data exchange:
{
"status": 200,
"message": "Success",
"data": {
"users": [...]
}
} 3. Data Storage
NoSQL databases like MongoDB use JSON-like documents for storage.
Working with JSON
Validating JSON
Always validate your JSON to ensure it's properly formatted. Use our JSON Validator to check for syntax errors instantly.
Formatting JSON
Make your JSON more readable with proper formatting. Our JSON Formatter can beautify or minify your JSON with one click.
Converting Between Formats
Need to convert CSV to JSON or XML to JSON? Our JSON Converter supports multiple formats.
Conclusion
JSON is a fundamental data format for modern web development. Understanding its syntax, data types, and best practices will help you work more effectively with APIs, configuration files, and data storage.
Ready to start working with JSON? Try our free JSON Editor Online with advanced features like validation, formatting, and conversion tools.