What are the JSON data types?

JSON supports six data types: String (text in double quotes), Number (integers and floats), Boolean (true or false), Array (ordered list in square brackets), Object (unordered key-value pairs in curly braces), and Null (represents empty or missing value).

Do JSON keys need to be in quotes?

Yes, in JSON all keys must be enclosed in double quotes. Single quotes are not allowed for keys or string values. This is different from JavaScript objects, where quotes are optional for keys.

Can JSON have trailing commas?

No, JSON does not allow trailing commas. A comma after the last item in an object or array will cause a parsing error. This is different from JavaScript objects and arrays, where trailing commas are valid.

How do I parse JSON in JavaScript?

Use JSON.parse() to convert a JSON string to a JavaScript object, and JSON.stringify() to convert a JavaScript object to a JSON string. Example: const obj = JSON.parse(jsonString); const jsonString = JSON.stringify(obj, null, 2);

What is the difference between JSON and JavaScript objects?

JSON requires double quotes for keys and strings, no trailing commas, no comments, no functions, no undefined values, and dates must be strings in ISO format. JavaScript objects are more flexible: keys can be unquoted, trailing commas are allowed, comments are allowed, functions are allowed, undefined is valid, and dates can be Date objects.

Back to Editor

Complete JSON Guide

Complete JSON guide for beginners. Learn JSON syntax, data types, structure, and examples. Reference for developers, students, and anyone working with JSON.

Last updated: March 2026 • JSON Version: RFC 8259

What is JSON?

JSON (JavaScript Object Notation) is a lightweight, text-based data interchange format. Despite the name, JSON is language-independent and works with virtually every programming language.

JSON was created by Douglas Crockford in the early 2000s as a simpler alternative to XML. Today, JSON is the standard for APIs, configuration files, and data storage.

Key Facts:

Human-readable and writable
Machine-parsable and -generable
Language-independent
Based on JavaScript object literals
Supports complex data structures

JSON Syntax Basics

JSON is built on two structures:

Collection of key/value pairs (object)
Ordered list of values (array)

Syntax Rules

Data in key/value pairs
Separated by commas
Curly braces {} hold objects
Square brackets [] hold arrays
Keys must be strings (in double quotes)
String values must be in double quotes
No trailing commas allowed
No comments allowed

Example JSON Object

json

{  "name": "John Doe",  "age": 30,  "isStudent": false,  "address": {    "street": "123 Main St",    "city": "New York",    "country": "USA"  },  "hobbies": ["reading", "coding", "hiking"]}

{  "name": "John Doe",  "age": 30,  "isStudent": false,  "address": {    "street": "123 Main St",    "city": "New York",    "country": "USA"  },  "hobbies": ["reading", "coding", "hiking"]}

JSON Data Types

JSON supports six data types:

1. String

Text data, enclosed in double quotes:

Valid String Characters:

Letters: a-z, A-Z
Digits: 0-9
Symbols: !@#$%^&*()_+-=[]{}|;:',.<>?
Spaces and whitespace
Unicode characters: \uXXXX

Escape Sequences:

\" - Double quote
\\ - Backslash
\/ - Forward slash
\b - Backspace
\f - Form feed
\n - New line
\r - Carriage return
\t - Tab
\uXXXX - Unicode character

2. Number

Numeric values, can be integer or floating-point:

Valid Number Formats:

Integers: 42, -7, 0
Floats: 3.14, -0.001, 1.0
Scientific notation: 1.23e4, 1.23E-4
No leading zeros: 0.42 (not .42)

3. Boolean

Logical values, either true or false:

4. Array

Ordered list of values, enclosed in square brackets:

json

{  "numbers": [1, 2, 3, 4, 5],  "names": ["Alice", "Bob", "Charlie"],  "mixed": [42, "hello", true, null, { "key": "value" }],  "nested": [    [1, 2],    [3, 4],    [5, 6]  ]}

{  "numbers": [1, 2, 3, 4, 5],  "names": ["Alice", "Bob", "Charlie"],  "mixed": [42, "hello", true, null, { "key": "value" }],  "nested": [    [1, 2],    [3, 4],    [5, 6]  ]}

5. Object

Unordered collection of key/value pairs, enclosed in curly braces:

json

{  "person": {    "name": "John",    "age": 30  },  "empty": {},  "nested": {    "level1": {      "level2": {        "value": "deep"      }    }  }}

{  "person": {    "name": "John",    "age": 30  },  "empty": {},  "nested": {    "level1": {      "level2": {        "value": "deep"      }    }  }}

6. Null

Represents empty or non-existent value:

Note: null is different from false, 0, or empty string "".

JSON Structure Examples

Simple Object

Nested Objects

json

{  "user": {    "name": "John",    "contact": {      "email": "john@example.com",      "phone": "+1-555-0123"    }  }}

{  "user": {    "name": "John",    "contact": {      "email": "john@example.com",      "phone": "+1-555-0123"    }  }}

Array of Objects

json

{  "users": [    {      "id": 1,      "name": "Alice"    },    {      "id": 2,      "name": "Bob"    },    {      "id": 3,      "name": "Charlie"    }  ]}

{  "users": [    {      "id": 1,      "name": "Alice"    },    {      "id": 2,      "name": "Bob"    },    {      "id": 3,      "name": "Charlie"    }  ]}

Complex Structure

json

{  "company": "Tech Corp",  "founded": 2010,  "employees": [    {      "id": 1,      "name": "Alice",      "role": "Developer",      "skills": ["JavaScript", "Python", "Go"],      "projects": [        {          "name": "Project A",          "status": "completed"        }      ]    }  ],  "departments": {    "engineering": {      "head": "Bob",      "count": 15    },    "design": {      "head": "Carol",      "count": 5    }  }}

{  "company": "Tech Corp",  "founded": 2010,  "employees": [    {      "id": 1,      "name": "Alice",      "role": "Developer",      "skills": ["JavaScript", "Python", "Go"],      "projects": [        {          "name": "Project A",          "status": "completed"        }      ]    }  ],  "departments": {    "engineering": {      "head": "Bob",      "count": 15    },    "design": {      "head": "Carol",      "count": 5    }  }}

JSON vs. JavaScript Object

Feature	JSON	JavaScript Object
Key Quotes	Required	Optional
Quote Type	Double only	Single or double
Trailing Commas	Invalid	Valid
Comments	Not allowed	Allowed
Undefined	Not valid	Valid
Functions	Not allowed	Allowed
Dates	String (ISO format)	Date objects
Methods	Not allowed	Allowed

Example - Valid JSON:

Example - Valid JavaScript Object (Not JSON):

javascript

{  name: "John",        // Unquoted key  age: 30,  active: true,  createdAt: new Date(), // Date object  greet: function() {}    // Function}

{  name: "John",        // Unquoted key  age: 30,  active: true,  createdAt: new Date(), // Date object  greet: function() {}    // Function}

JSON vs. XML vs. CSV

Aspect	JSON	XML	CSV
Readability	High	Medium	Low
Verbosity	Low	High	Very Low
Structure	Nested	Nested (elements)	Flat only
Data Types	Native types	Text (schema required)	Text only
Comments	No	Yes	No
Namespaces	No	Yes	No
Parsing	Easy	Complex	Simple
Use Case	APIs, Config	Documents	Spreadsheets, Data

Parsing JSON in Different Languages

JavaScript

javascript

// Parse JSON string to objectconst jsonString = '{"name": "John", "age": 30}';const obj = JSON.parse(jsonString);console.log(obj.name); // John// Convert object to JSON stringconst data = { name: "John", age: 30 };const jsonString = JSON.stringify(data, null, 2);

// Parse JSON string to objectconst jsonString = '{"name": "John", "age": 30}';const obj = JSON.parse(jsonString);console.log(obj.name); // John// Convert object to JSON stringconst data = { name: "John", age: 30 };const jsonString = JSON.stringify(data, null, 2);

Python

python

import json# Parse JSON string to dictjson_string = '{"name": "John", "age": 30}'data = json.loads(json_string)print(data['name'])  # John# Convert dict to JSON stringdata = {"name": "John", "age": 30}json_string = json.dumps(data, indent=2)

import json# Parse JSON string to dictjson_string = '{"name": "John", "age": 30}'data = json.loads(json_string)print(data['name'])  # John# Convert dict to JSON stringdata = {"name": "John", "age": 30}json_string = json.dumps(data, indent=2)

PHP

php

<?php// Parse JSON string to array$json_string = '{"name": "John", "age": 30}';$data = json_decode($json_string, true);echo $data['name'];  // John// Convert array to JSON string$data = ["name" => "John", "age" => 30];$json_string = json_encode($data, JSON_PRETTY_PRINT);?>

<?php// Parse JSON string to array$json_string = '{"name": "John", "age": 30}';$data = json_decode($json_string, true);echo $data['name'];  // John// Convert array to JSON string$data = ["name" => "John", "age" => 30];$json_string = json_encode($data, JSON_PRETTY_PRINT);?>

Java

java

import org.json.JSONObject;// Parse JSON stringString jsonString = "{\"name\": \"John\", \"age\": 30}";JSONObject obj = new JSONObject(jsonString);System.out.println(obj.getString("name"));  // John// Create JSON stringJSONObject obj = new JSONObject();obj.put("name", "John");obj.put("age", 30);String jsonString = obj.toString(2);  // pretty print

import org.json.JSONObject;// Parse JSON stringString jsonString = "{\"name\": \"John\", \"age\": 30}";JSONObject obj = new JSONObject(jsonString);System.out.println(obj.getString("name"));  // John// Create JSON stringJSONObject obj = new JSONObject();obj.put("name", "John");obj.put("age", 30);String jsonString = obj.toString(2);  // pretty print

Common JSON Use Cases

API Responses

REST APIs return JSON as the standard response format:

json

{  "status": "success",  "data": {    "user": {      "id": 123,      "name": "John Doe",      "email": "john@example.com"    }  },  "timestamp": "2026-03-04T12:00:00Z"}

{  "status": "success",  "data": {    "user": {      "id": 123,      "name": "John Doe",      "email": "john@example.com"    }  },  "timestamp": "2026-03-04T12:00:00Z"}

Configuration Files

Application settings in JSON format:

json

{  "app": {    "name": "MyApp",    "version": "1.0.0",    "port": 3000  },  "database": {    "host": "localhost",    "port": 5432,    "name": "myapp"  }}

{  "app": {    "name": "MyApp",    "version": "1.0.0",    "port": 3000  },  "database": {    "host": "localhost",    "port": 5432,    "name": "myapp"  }}

Data Storage

NoSQL databases like MongoDB store data as JSON-like documents:

json

{  "_id": "64f8c9e01234567890abcdef",  "title": "Blog Post",  "content": "This is the content...",  "author": {    "id": 123,    "name": "John"  },  "tags": ["tech", "programming", "json"],  "createdAt": "2026-03-04T12:00:00Z"}

{  "_id": "64f8c9e01234567890abcdef",  "title": "Blog Post",  "content": "This is the content...",  "author": {    "id": 123,    "name": "John"  },  "tags": ["tech", "programming", "json"],  "createdAt": "2026-03-04T12:00:00Z"}

JSON Best Practices

Use camelCase for keys: "firstName", not "first_name"
Use meaningful key names: "createdAt", not "date1"
Keep structure consistent: All user objects should have same fields
Use appropriate data types: Numbers for numeric values, not strings
Format for readability: Pretty-print for human readers
Validate JSON: Use validators before using in production
Handle nulls gracefully: Don't send empty strings when null is appropriate
Use ISO 8601 for dates: "2026-03-04T12:00:00Z"
Limit nesting depth: Very deep structures are hard to parse
Document your JSON: Provide schema or examples

JSON Tools & Resources

JSON Validator:
Official Spec:
JSON Schema:
Online Testers: JSONLint, JSON Editor Online

Practice your JSON skills with our free online editor. Features include real-time validation, tree view, graph visualization, and formatting tools—all without registration.

References: RFC 8259 (JSON specification), ECMA-404, MDN JSON documentation.

Practice Your JSON Skills

Learn JSON by doing. Our free online editor includes real-time validation, tree view, graph visualization, and formatting tools to help you master JSON—all without registration.

Try JSON Visualiser