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