Làm cách nào để lưu trữ một mảng trong localStorage?

Question

Nếu tôi không cần localStorage, mã của tôi sẽ trông như thế này:

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

này hoạt động. Tuy nhiên, tôi cần lưu trữ biến này trong localStorage và nó tỏ ra khá cứng đầu. Tôi đã thử:

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

Tôi sẽ làm gì sai?

Answer 1

localStorage chỉ hỗ trợ chuỗi. Sử dụng JSON.stringify() và 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

Sử dụng JSON.stringify() và JSON.parse() như được đề xuất bởi không! Điều này ngăn sự cố có thể hiếm gặp nhưng có thể xảy ra của tên thành viên bao gồm dấu phân tách (ví dụ: tên thành viên three|||bars).

Answer 3

Một giải pháp sẽ được để viết một wrapper mà lưu trữ các mảng như thế này:

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

Loại bỏ các chi phí chuyển đổi để JSON, nhưng sẽ gây phiền nhiễu nếu bạn cần phải loại bỏ các yếu tố, như bạn sẽ phải tái chỉ mục mảng :)

Answer 4

localStorage và sessionStorage chỉ có thể xử lý chuỗi. Bạn có thể mở rộng các đối tượng lưu trữ mặc định để xử lý các mảng và các đối tượng. Chỉ cần bao gồm kịch bản này và sử dụng các phương pháp mới:

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

Sử dụng localStorage.setObj(key, value) để lưu một mảng hoặc đối tượng và localStorage.getObj(key) để lấy nó. Các phương thức tương tự cũng hoạt động với đối tượng sessionStorage.

Nếu bạn chỉ sử dụng các phương pháp mới để truy cập bộ nhớ, mọi giá trị sẽ được chuyển thành chuỗi JSON trước khi lưu và phân tích cú pháp trước khi nó được trả về bởi getter.

_{Nguồn: http://www.acetous.de/p/152}

Answer 5

Phương pháp JSON hoạt động, trên tức là 7 bạn cần json2.js, với nó nó hoạt động một cách hoàn hảo và mặc dù một bình luận nói rằng nếu không là localStorage trên đó. nó thực sự có vẻ như giải pháp tốt nhất với ít rắc rối nhất. Tất nhiên, người ta có thể viết kịch bản để làm cơ bản giống như json2 nhưng có rất ít điểm trong đó.

ít nhất với chuỗi phiên bản sau có localStorage, nhưng như đã nói bạn cần bao gồm json2.js vì không được trình duyệt tự bao gồm: 4.0 (tương thích; 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) (Tôi sẽ đã làm cho nhận xét này về câu trả lời, nhưng không thể).

Answer 6

Chỉ cần tạo này:

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');