javascript - 使用 localStorage 的多个存储

Question

是否有可能使用相同的名称可以有许多不同的值分别存储并显示在列表中？

例如:

function save()
{
    var inputfield = document.getElementById('field').innerHTML;
    localStorage['justified'] = inputfield;
}

<input type="text" id="field" onclick="save();" />

每次有人在输入框里输入东西，点击保存，localstorage只会保存同名的值，但是，这和存储的保存方式有冲突吗，比如被替换成最新的输入值？

还有，请问有什么办法可以防止在清除缓存时清除localstorage吗？

Answer 1

实际上，localStorage“应该”能够存储整数、字符串和数组。我一直在使用 localStorage 开发一个记事本应用程序，并使用对象文字保存我的所有数据:

var someData = {
    withvars: "and values",
    init: function() {
        // not sure if this works but it should.
    },
    var1: {
        subvar1: "data",
        subvar2: "data2"
    }
};

然后使用 JSON.stringify() 存储它:

localStorage.setItem(varName, JSON.stringify(someData));

然后稍后使用 JSON.parse() 访问它:

var dataBack = JSON.parse(localStorage.getItem("varName"));

如果您总是使用对象字面量，那么您在跟踪如何存储数据以及如何从 localStorage 中检索数据时会更容易。