如何附加到HTML5 localStorage？

Question

我做了

localStorage.setItem('oldData', $i("textbox").value);

将key oldData的值设置为文本框中的值.

下次将某些内容输入文本框时,我想追加已存在的内容oldData.

所以,如果我在文本框中输入苹果然后输入橙子,我的localStorage键oldData应如下所示:

原来:

Key      |   Value
---------------------------
oldData  |  apples

现在:

oldData  |  apples oranges

我该怎么追加？有append提供的方法吗？

或者我是否需要先读取数据,附加到javascript然后回写？

Answer 1

没有任何append功能.虽然写一个并不难:

function appendToStorage(name, data){
    var old = localStorage.getItem(name);
    if(old === null) old = "";
    localStorage.setItem(name, old + data);
}

appendToStorage('oldData', $i("textbox").value);

注意:append在localStorage对象上定义函数更有意义.但是,因为localStorage有setter,这是不可能的.如果您尝试使用定义函数localStorage.append = ...,则localStorage对象会将此尝试解释为"保存append在Storage对象中调用的对象".

Answer 2

这不是一个好的解决方案,但它有效且具有表现力.

localStorage.setItem("fruit", "Apples"); 

localStorage.setItem("fruit", localStorage.getItem("fruit") + "Orange");