Store JavaScript objects in HTML5 local storage

It is easy enough to pollyfill the localStorage object to store and retrieve objects rather than just strings.

if ( !Storage.prototype.setObject ) {
 Storage.prototype.setObject = function(key, value) {
 this.setItem(key, JSON.stringify(value));
 }
}

if ( !Storage.prototype.getObject ) {
 Storage.prototype.getObject = function(key) {
 var value = this.getItem(key);
 return value && JSON.parse(value);
 }
}

Now we can simply get and set objects from localStorage.

var apps = {
 appName : 'Links app',
 settings : {'type' : 'link'}
}; 

localStorage.setObject('apps', apps );

var ourApps = localStorage.getObject('apps');

Related protips

Have a fresh tip? Share with Coderwall community!