Storing Objects with JSON

Objects in Storage

localStorage only stores strings. Serialize objects with JSON.stringify() before storing and parse them back with JSON.parse() on retrieval.

Example

// Store an object
const prefs = { theme: "dark", fontSize: 16, notifications: true };
localStorage.setItem("prefs", JSON.stringify(prefs));

// Retrieve and parse
const stored = localStorage.getItem("prefs");
const prefs2 = stored ? JSON.parse(stored) : {};

// Helper with default
function getStored(key, defaultVal) {
  try {
    const val = localStorage.getItem(key);
    return val !== null ? JSON.parse(val) : defaultVal;
  } catch { return defaultVal; }
}

JAVASCRIPT

Full Editor

Pro Tip

Always provide a fallback default value when reading from storage — the key may not exist on first use.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned