如何在javascript中添加/附加到現有的Web存儲？

Question

我正在嘗試使用此代碼添加/添加到新的/現有的localStorage：

 function add(){

    var name = document.getElementById("name").value;
    var ort = document.getElementById("ort").value;

    var user = {"name":name, "ort":ort};

    var exist = [];

    var tmp = (JSON.parse(localStorage.getItem("users")));

    if(tmp)
        exist.push(tmp);
    exist.push(user);
    localStorage.setItem("users",JSON.stringify(exist));

    console.log(JSON.parse(localStorage.getItem("users")));
    var obj = JSON.parse(localStorage.getItem("users"));
    for(var i=0; i<obj.length; i++) {
        console.log('key: ' + i + '\n' + 'value: ' + obj[i]);
    }


}

研究Chrome開發者工具的localStorage看起來像這樣：

   [[{"name":"a","city":"a"}],{"name":"b","city":"b"}]

但是我想要的是：

   [{"name":"a","city":"a"},{"name":"b","city":"b"}]

我究竟做錯了什么？

任何幫助表示贊賞，

最好的祝福，

Answer 1

localStorage僅存儲strings 。 您需要stringify你的exist ，然后將其保存到storage

localStorage.setItem("users",JSON.stringify(exist));

要檢索它，請使用JSON.parse

var exist = JSON.parse(localStorage.exist); //Even for users object do the same

更新

要只將tmp數組中的對象exist使用map() ：

tmp.map(function(item){
 exist.push(item);
})