localStorage

Enhanced local Storage

Provides automatic JSON handling for localStorage.

  • setItem(key, value): Stores a value (automatically stringifies objects).

  • getItem(key): Retrieves a value (automatically parses JSON if applicable).

You can now store and retrieve objects in the local storage without needing to parse or stringify them.

Usage:

localStorage.setItem('user', { name: 'John', age: 30 });
const user = localStorage.getItem('user');
console.log(user.name); // John
// Storing an array
localStorage.setItem('items', [1, 2, 3, 4]);
const items = localStorage.getItem('items');
console.log(items); // [1, 2, 3, 4]
// Storing a nested object
localStorage.setItem('settings', { theme: 'dark', notifications: { email: true, sms: false } });
const settings = localStorage.getItem('settings');
console.log(settings.theme); // dark
console.log(settings.notifications.email); // true
localStorage.setItem('theme','light');
const preferredTheme = localStorage.getItem('theme');
console.log(preferredTheme);

Clearing or removing items:

localStorage.clear();
localStorage.removeItem('settings');

Last updated