sessionStorage
Enhanced session Storage
Provides automatic JSON handling for sessionStorage
.
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 session storage without needing to parse or stringify them.
Usage:
sessionStorage.setItem('user', { name: 'John', age: 30 });
const user = sessionStorage.getItem('user');
console.log(user.name); // John
// Storing an array
sessionStorage.setItem('items', [1, 2, 3, 4]);
const items = sessionStorage.getItem('items');
console.log(items); // [1, 2, 3, 4]
// Storing a nested object
sessionStorage.setItem('settings', { theme: 'dark', notifications: { email: true, sms: false } });
const settings = sessionStorage.getItem('settings');
console.log(settings.theme); // dark
console.log(settings.notifications.email); // true
sessionStorage.setItem('theme','light');
const preferredTheme = sessionStorage.getItem('theme');
console.log(preferredTheme);
Clearing or removing items:
sessionStorage();
sessionStorage('settings');
Last updated