What Is JSON? Complete Beginner’s Guide (With Examples)

Last updated on

JSON is the most popular data format used in APIs, configuration files and modern web apps. In this guide, you’ll learn what JSON is, how it works, and how to view and format JSON easily.

What is JSON?

JSON stands for JavaScript Object Notation. It’s a lightweight data format that is easy for humans to read and easy for machines to parse. JSON is used everywhere: REST APIs, configuration files, logs, browser storage, mobile apps and more.

A simple JSON example looks like this:

{
  "name": "Avi",
  "role": "Backend Developer",
  "skills": ["Java", "Spring Boot", "Kafka"],
  "experience": 10
}

Basic building blocks of JSON

  • Object – wrapped in curly braces { } with key–value pairs.
  • Array – an ordered list inside [ ].
  • String – text wrapped in double quotes "like this".
  • Number – integers or decimals (no quotes).
  • Boolean – true or false.
  • null – represents an empty or unknown value.

Why JSON became more popular than XML

Before JSON, most systems exchanged data using XML. XML is powerful but verbose. JSON became popular because it is:

  • Less noisy – fewer characters and no closing tags.
  • Easy to read – looks like JavaScript objects.
  • Easy to parse – built-in support in almost every language.
  • Perfect for web APIs – fits naturally with JavaScript.

Common JSON mistakes

JSON is strict. Small mistakes can break parsing. Some common errors:

  • Using single quotes instead of double quotes.
  • Missing commas between properties.
  • Trailing commas after the last element.
  • Unquoted object keys (must be in double quotes).
// ❌ Invalid JSON (single quotes & trailing comma)
{
  'name': 'Avi',
  'role': 'Developer',
}
// ✅ Valid JSON
{
  "name": "Avi",
  "role": "Developer"
}

How to view and format JSON easily

Raw JSON from APIs often comes as a single long line, which is difficult to read. You can use an online JSON viewer and formatter to pretty-print and debug your data.

Try this workflow:

  1. Go to JSONViewerTool.com.
  2. Paste your JSON into the left editor.
  3. Click Format JSON → Right to beautify it.
  4. Switch between Tree and Code modes.
  5. Use Validate to detect syntax issues instantly.

Where JSON is used in real projects

  • Backend APIs returning response data to frontends.
  • Microservices communicating with each other.
  • Configuration files for tools and apps.
  • Logging structured events in JSON format.
  • Cloud services (AWS, GCP, Azure) that expose JSON APIs.

Next steps

Now that you know what JSON is, the best way to get comfortable is to experiment. Paste some real API responses into JSON Viewer Tool, explore them in tree mode, and try converting them to CSV or YAML:

Related articles