Para eso puedes crear una clase Collection (por ejemplo), que se encargue de hacer la sincronización, puedes definir un método "add" que internamente agregue el nuevo registro a la colección, luego puedes definir otro método que se llama "save", para que guarde la información en el localStorage, también puedes crear un método "load" para que cargue la información existente a la colección.
Código Javascript
:
Ver originalfunction Collection(id){
this.id = id;
this.load()
}
Collection.prototype.add = function(item){
this.data.push(item);
};
Collection.prototype.save = function(){
localStorage[this.id] = JSON.stringify(this.data);
}
Collection.prototype.load = function(){
this.data = JSON.parse(localStorage[this.id] || '[]');
}
De esa manera, cuando creas la colección carga la informaci´øn que ya había o bien crea un arreglo vacio, cuando quieras guardar simplemente llamas al método save.
Saludos