2011-03-23 14 views

cevap

46

:

Like other JavaScript objects, you can treat the localStorage object as an associative array. Instead of using the getItem() and setItem() methods, you can simply use square brackets.

localStorage.setItem('test', 'testing 1'); 
localStorage.setItem('test2', 'testing 2'); 
localStorage.setItem('test3', 'testing 3'); 

for(var i in localStorage) 
{ 
    console.log(localStorage[i]); 
} 

//test for firefox 3.6 see if it works 
//with this way of iterating it 
for(var i=0, len=localStorage.length; i<len; i++) { 
    var key = localStorage.key(i); 
    var value = localStorage[key]; 
    console.log(key + " => " + value); 
} 

çıktısı verir: Burada

testing 3 
testing 2 
testing 1 

test3 => testing 3 
test2 => testing 2 
test => testing 1 

JSFiddle Demo

+0

Beni kromda çalıştırdı, ancak firefox 3.6 "TypeError: null geçersiz __iterator__ null değerine sahip" nu attı. – Kyle

+0

@Kyle it firefox 4'te harika çalışıyor. Dün geldiğini bildirmeme izin verdi 3.6 – kjy112

+0

@Kyle Firefox, localStorage'ı desteklese bile , kapatılabilir. Açık olduğundan emin olun. Şuraya gidin: config ve dom.storage.enabled öğesinin true olarak ayarlandığından emin olun. – kjy112

2

localStorage dizelerle anahtar değer olduğundan, JSON ile serileştirir ve almak istediğinizde serileştirir. HTML5 reference kaynaktan

localStorage.setItem("bar", JSON.stringify([1,2,3])); 
var foo = localStorage.getItem("bar"); 
JSON.parse(foo); 
// returns [1,2,3] 
21

localStorage olan window.St nesne referanstır

$.each(localStorage, function(key, value){ 
    ..... 
}) 
+4

jQuery ?! Facepalm. Object.keys (localStorage) .forEach (key => console.log (localStorage [anahtar])); ' – c24w

+0

Geçerli sekmedeki yerine, tüm etki alanlarının girişlerini almanın bir yolu var mı? – mins

0

sen Object.assign() kullanabilirsiniz

Object.keys(localStorage) 

alın uzunluk

Object.keys(localStorage).length 

Bıkmadan jquery ile öğelerin dizi alın: Oraj, bu yüzden u birbirlerine nesne olarak kullanabilirsiniz :

var data = Object.assign({}, localStorage) 
İlgili konular