Why JSONWhat is json?A text format for exchanging data between systems. It uses key-value pairs and arrays, and every programming language can read and write it. Ask AI for more became the standard

JSON replaced older formats like XML because it solved three problems without introducing new ones.

Before JSON, developers used XML, which looks like HTML with angle brackets everywhere. JSON removed all that ceremony. The same data that took 20 lines of XML fits in 5 lines of JSON.

What JSONWhat is json?A text format for exchanging data between systems. It uses key-value pairs and arrays, and every programming language can read and write it. Ask AI for more looks like

A JSON document is either an object (curly braces) or an array (square brackets). Here is a simple object describing a user:

{
  "name": "Alice",
  "age": 25,
  "isActive": true,
  "email": null,
  "roles": ["admin", "editor"],
  "address": {
    "city": "Boston",
    "country": "US"
  }
}

Every key is a string in double quotes. Every value is one of the six allowed types. Objects and arrays can nest inside each other as deeply as you need.

The six value types

Notice what is missing: functions, undefined, dates (dates are just strings in JSON), and comments. If you need those, keep them in your application code, not in the data.

AI-generated JSONWhat is json?A text format for exchanging data between systems. It uses key-value pairs and arrays, and every programming language can read and write it. Ask AI for more is often malformed

When you ask an AI to produce JSON, whether it is a ChatGPT response, a Copilot suggestion, or output from an LLM-powered APIWhat is api?A set of rules that lets one program talk to another, usually over the internet, by sending requests and getting responses. Ask AI for more, you will frequently receive JSON that looks right but is technically invalid. AI models generate text tokenWhat is token?The smallest unit of text an LLM processes - roughly three-quarters of a word. API pricing is based on how many tokens you use. Ask AI for more by token; they do not run a JSON validator before handing you the result.

The three most common AI-generated JSON mistakes:

Trailing commas

// AI loves to leave these in
{
  "name": "Alice",
  "age": 25,
}

That final comma after 25 is illegal. JavaScript objects allow it; JSON does not. AI models trained on JavaScript code carry over this habit constantly.

Comments in JSON

{
  "name": "Alice", // the user's display name
  "role": "admin"  /* main administrator */
}

JSON has no comment syntax whatsoever. AI tools insert // and /* */ comments because they are trained on JavaScript and configuration files that support JSONC. Strip all comments before parsing.

Unquoted or single-quoted keys

{name: "Alice", 'age': 25}

JSON requires every key to be a double-quoted string. AI models sometimes produce JavaScript object syntax instead of strict JSON, dropping quotes or using single quotes.

Wrong data types

{
  "count": "25",
  "active": "true",
  "data": undefined
}

AI may wrap numbers and booleans in quotes (turning them into strings), or use JavaScript's undefined which does not exist in JSON. The correct version is "count": 25, "active": true, and "data": null.

Working with JSONWhat is json?A text format for exchanging data between systems. It uses key-value pairs and arrays, and every programming language can read and write it. Ask AI for more in JavaScript

JavaScript ships with two methods that handle everything you need: JSON.parse() to decode, and JSON.stringify() to encode.

Parsing a JSON string into an object

When an APIWhat is api?A set of rules that lets one program talk to another, usually over the internet, by sending requests and getting responses. Ask AI for more sends you data, it arrives as a plain string. You need to parse it before you can use it:

const raw = '{"name": "Alice", "age": 25}';
const user = JSON.parse(raw);

console.log(user.name);  // "Alice"
console.log(user.age);   // 25

After parsing, user is a normal JavaScript object. You can read properties, loop over arrays, and pass it around your code.

Stringifying an object to JSON

When you need to send data to a server or save it to a file, you convert the object back to a string:

const user = { name: "Alice", age: 25 };
const json = JSON.stringify(user);

console.log(json);  // '{"name":"Alice","age":25}'

Pretty-printing for debugging

The compact output above is hard to read. Pass null, 2 as the second and third arguments to add indentation:

const pretty = JSON.stringify(user, null, 2);
console.log(pretty);
/*
{
  "name": "Alice",
  "age": 25
}
*/

The 2 is the number of spaces per indent. Use this whenever you are logging JSON for a human to read.

Always wrap parse in try-catch

JSON.parse() throws a SyntaxError if the input is malformed. Without error handling, a bad API response will crash your application:

try {
  const data = JSON.parse(incomingString);
  // safe to use data here
} catch (error) {
  console.error("Could not parse response:", error.message);
  // handle gracefully
}

JSONWhat is json?A text format for exchanging data between systems. It uses key-value pairs and arrays, and every programming language can read and write it. Ask AI for more vs JavaScript objects

They look almost identical, but they serve different purposes and play by different rules.

A JavaScript object is live code that runs in the engine. JSON is inert text that carries data. You pass JSON over a network; you work with JavaScript objects in your code.

Quick reference