Why should you care?

fetch returns JSON. localStorage often stores JSON strings.

See it live — copy this example

Paste into an HTML file or the browser console (F12). Use Run below when the live editor is available.

const user = { name: "Kiran", score: 88 };
const json = JSON.stringify(user);
console.log(json);

const copy = JSON.parse(json);
console.log(copy.name);

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• JSON.stringify turns an object into a string.
• JSON.parse turns a string back into an object.
• Round-trip preserves data.

Practice next

1. Stringify an object and log the string.
2. Parse back and read a property.
3. Parse invalid JSON and read SyntaxError.
4. Stringify an array of three product objects.
5. Use JSON.stringify with a replacer to hide password fields.

Remember

JSON.stringify → string JSON.parse → object Standard for web APIs

ScriptVerse settings sync

User theme preference saves as JSON string in localStorage and parses on app boot.

Outcome: JSON is the lingua franca between browser JavaScript and backend services.