JSON Explained: The Complete Beginner to Advanced Guide

What is JSON?

JSON (JavaScript Object Notation) is a lightweight, text-based data interchange format. Despite its name, JSON is language-independent and used across virtually every programming language and technology stack.

JSON is used for: REST API responses, configuration files, database document storage (MongoDB, Firebase), and inter-service communication.

---

JSON Syntax Rules

JSON has six data types with strict syntax rules:

1. Strings — wrapped in double quotes

"Hello, World!"

2. Numbers — no quotes

42
3.14159

3. Booleans — lowercase only

true
false

4. Null

null

5. Arrays

[1, "apple", true, null]

6. Objects

{
  "name": "Alice",
  "age": 30,
  "active": true
}

---

Common JSON Errors

Error 1: Trailing Commas

// INVALID
{
  "name": "Alice",
  "age": 30,
}

// VALID
{
  "name": "Alice",
  "age": 30
}

Error 2: Single Quotes

// INVALID
{'name': 'Alice'}

// VALID
{"name": "Alice"}

Error 3: Unquoted Keys

// INVALID
{name: "Alice"}

// VALID
{"name": "Alice"}

Error 4: Comments

JSON does not support comments. If you need annotated config files, use YAML or JSONC.

---

JSON in Practice

Parsing JSON in JavaScript

const jsonString = '{"name": "Alice", "age": 30}';
const parsed = JSON.parse(jsonString);
console.log(parsed.name); // Alice

Stringifying Objects

const user = { name: 'Alice', age: 30 };
const json = JSON.stringify(user, null, 2);

---

JSON vs Other Formats

---

Conclusion

JSON's simplicity is its greatest strength. Understanding its rules and common errors will save you hours of debugging. Use our JSON Formatter & Validator tool to instantly validate, beautify, and minify any JSON data.