[SOLUCIONADO] Trabajar con array y localStorage

[jorcom]

Hola buenas,

estoy intentando guardar información en el cliente usando localStorage, el problema es que los datos que quiero guardar están en un array, y localStorage no lo soporta.

Estoy probando a convertirlos a JSON, hasta aqui bien, pero como podría hacer para añadir/quitar items a mi array dinamicamente?

La idea es que pueda ir añadiendo items, y mostrarlos una vez creados.

Pongo un ejemplo de lo que estoy haciendo, a ver si alguien ve donde estoy fallando.

http://jsfiddle.net/Gs4F9/

Gracias y un saludo

[stock]

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:

function 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

[jorcom]

Gracias stock,

con tu ejemplo pude adaptarlo y solucionarlo.

Un saludo