Adding to localStorage Object (chain)

Question

Possible duplicate:
Function chain in JavaScript?

I asked a similar question , but many people were confused and had a lot of comments that made no sense (for example, someone commented on jQuery overload ... and this has nothing to do with jQuery).

So here is my question: how to add an HTML5 localStorage object and create a custom addItem () function? It can be used as:

localStorage.getItem('names').addItem('Bill').getItem('names');

or

localStorage.getItem('names').addItem('Bill');

The last time people got scared, asking why I would do getItem twice. The first getItem should GET the elements inside the names. There will always be something in the names. addItem will add to the names, then getItem will return the names again, but Bill will be inside.

, . getItem , addItem , , .

setItem, API HTML5, :

var names = JSON.parse(localStorage.getItem("names"));
names.push("Bill");
localStorage.setItem("names", JSON.stringify(names));

Answer 1

Anurag (Mozilla Hacks , ), , - :

var MyLocalStorage = {};

MyLocalStorage.getItem = function(key) {
    return new MyItem(JSON.parse(localStorage.getItem(key)));
};

MyLocalStorage.setItem = function(key, object) {
    localStorage.setItem(key, JSON.stringify(object));
    return this.getItem(key);
};

function MyItem(object, key) {
    this.item = object;
    this.key = key;
    this.addSubItem = function(subItem) {
        if (typeof this.item.push == 'function') {
            this.item.push(subItem);
            this.save();
            return this;
        }
        return false;
    };
    this.setItem = function(object) {
        this.item = object;
        this.save();
        return this;
    };
    this.save = function() {
        MyLocalStorage.setItem(this.key, this.item);
    };
    this.toString = function() {
        return this.item.toString();
    }
}

:

alert(
    MyLocalStorage
        .setItem('names', ['john', 'paul', 'ringo'])
        .addSubItem('george')
        .toString()
);

BTW: LocalStorage (, MDC - JS).

Answer 2

API , . - , . JSON (de).

getItem . , . getItem (de) , localStorage, . , , . . , jQuery. .

var MyLocalStorage = {};

MyLocalStorage.getItem = function(key) {
    return JSON.parse(localStorage.getItem(key));
};

MyLocalStorage.setItem = function(key, object) {
    localStorage.setItem(key, JSON.stringify(object));
};