Jak przechowywać tablicę w localStorage?

Question

Gdybym nie musiał localStorage, mój kod będzie wyglądać następująco:

var names=new Array(); 
names[0]=prompt("New member name?"); 

To działa. Jednak muszę przechowywać tę zmienną w localStorage i jest dość uparta. Próbowałem:

var localStorage[names] = new Array(); 
localStorage.names[0] = prompt("New member name?"); 

Gdzie się mylę?

Answer 1

localStorage obsługuje tylko ciągi. Użyj JSON.stringify() i JSON.parse().

var names = []; 
names[0] = prompt("New member name?"); 
localStorage.setItem("names", JSON.stringify(names)); 

//... 
var storedNames = JSON.parse(localStorage.getItem("names")); 

Answer 2

Zastosowanie JSON.stringify() i JSON.parse() jak sugeruje nie! Zapobiega to prawdopodobnie rzadkiemu, ale możliwemu problemowi nazwy elementu, który obejmuje ogranicznik (na przykład nazwę uczestnika three|||bars).

Answer 3

Innym rozwiązaniem byłoby napisać otoki, które przechowują tablicę takiego:

localStorage.setItem('names_length', names.length); 
localStorage.setItem('names_0', names[0]); 
localStorage.setItem('names_1', names[1]); 
localStorage.setItem('names_' + n, names[n]); 

usuwa narzut konwersji do formatu JSON, ale byłoby irytujące, jeśli trzeba usunąć elementy, jak trzeba by ponownie zindeksuj tablicę :)

Answer 4

Modele localStorage i sessionStorage mogą obsługiwać tylko łańcuchy. Możesz rozszerzyć domyślne obiekty pamięci do obsługi tablic i obiektów. Wystarczy włączyć ten skrypt i używać nowych metod:

Storage.prototype.setObj = function(key, obj) { 
    return this.setItem(key, JSON.stringify(obj)) 
} 
Storage.prototype.getObj = function(key) { 
    return JSON.parse(this.getItem(key)) 
} 

Zastosowanie localStorage.setObj(key, value) zapisać tablicę lub obiekt i localStorage.getObj(key) aby je odzyskać. Te same metody działają z obiektem sessionStorage.

Jeśli po prostu użyjesz nowych metod w celu uzyskania dostępu do pamięci, każda wartość zostanie przekonwertowana na ciąg znaków JSON przed zapisaniem i przeanalizowaniem, zanim zostanie zwrócony przez pobierający.

_{Źródło: http://www.acetous.de/p/152}

Answer 5

Podejście JSON działa na IE 7 trzeba json2.js, z tym że działa doskonale i pomimo jednego komentarza, mówiąc inaczej jest localStorage na nim. to naprawdę wydaje się najlepszym rozwiązaniem przy najmniejszych kłopotach. Oczywiście można pisać skrypty, aby zrobić to samo, co json2, ale nie ma to większego sensu.

co najmniej z następującym łańcuchem wersji jest localStorage, ale jak już wspomniano, musisz dołączyć json2.js, ponieważ nie jest to uwzględnione przez samą przeglądarkę: 4.0 (zgodny, MSIE 7.0, Windows NT 6.1; WOW64; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; BRI/2; NP06; .NET4.0C; .NET4.0E; Zune 4.7) (Chciałbym skomentowałem odpowiedź, ale nie mogę).

Answer 6

właśnie utworzony w ten sposób:

https://gist.github.com/3854049

//Setter 
Storage.setObj('users.albums.sexPistols',"blah"); 
Storage.setObj('users.albums.sexPistols',{ sid : "My Way", nancy : "Bitch" }); 
Storage.setObj('users.albums.sexPistols.sid',"Other songs"); 

//Getters 
Storage.getObj('users'); 
Storage.getObj('users.albums'); 
Storage.getObj('users.albums.sexPistols'); 
Storage.getObj('users.albums.sexPistols.sid'); 
Storage.getObj('users.albums.sexPistols.nancy');