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