如何實現本地存儲陣列？

Question

我嘗試了有意義的方法：

在localStorage.foo下面的模塊中有效，但localStorage.session_array['privacy']返回未定義。

這是現代瀏覽器的原型代碼。

var ISession = ( function () 
{

    localStorage.session_array = 
    {
        privacy:            0
    };

    localStorage.foo = 1; 

    var SessionI = function ( ) 
    {
    };

    SessionI.prototype.get = function( type ) 
    {
        return localStorage.session_array[ type ];
    };

    SessionI.prototype.set = function( type, value ) 
    {
        localStorage.session_array[ type ] = value;
        alert( '|' + localStorage.foo ); // returns 1
        alert( '|' + localStorage.session_array[ 'privacy' ] ); // returns undefined
    };

    return SessionI;

} ) ();

同時，我將使用非數組屬性來實現此目的。

Answer 1

localStorage僅將數據保存為字符串

Answer 2

由於所有瀏覽器都不支持localstorage，因此您可能需要查看store.js 。 它支持本地存儲（如果可用），如果不使用某些其他存儲機制（globalStorage和UserData）。 最好的部分是您還可以存儲JSON編碼的數據。

// Store 'marcus' at 'username'
store.set('username', 'marcus')

// Get 'username'
store.get('username')

// Remove 'username'
store.remove('username')

// Clear all keys
store.clear()

// Store an object literal - store.js uses JSON.stringify under the hood
store.set('user', { name: 'marcus', likes: 'javascript' })

// Get the stored object - store.js uses JSON.parse under the hood
var user = store.get('user')
alert(user.name + ' likes ' + user.likes)

store.set('user', { name: 'marcus', likes: 'javascript' })
alert("Hi my name is " + store.get('user').name + "!")

store.set('tags', ['javascript', 'localStorage', 'store.js'])
alert("We've got " + store.get('tags').length + " tags here")