如何添加更多到LocalStorage而不是覆盖它？

我正在制作一个博客，我想更多地存储本地存储，而不是只有一个。我该怎么做？如何添加更多到LocalStorage而不是覆盖它？

function saveToLocalStorage(){ 
    var title = document.getElementById("title1"); 
    var titlesaved=title.innerHTML; 
    var para = document.getElementById("p1"); 
    var parasaved = para.innerHTML; 

    localStorage.setItem("Title",titlesaved); 
    localStorage.setItem("Paragraph",parasaved);  
} 

function RetrieveData(){ 
    document.getElementById("title2").innerHTML = localStorage.getItem("Title"); 
    document.getElementById("paragraph2").innerHTML = localStorage.getItem("Paragraph"); 
}

来源

2017-01-23 Lam JunWei

商店它使用不同的密钥。如果要使用相同的密钥进行存储，请使用每个密钥来存储值列表。 – Carcigenicate

使用不同的密钥存储它意味着什么？ –

您正在使用“标题”和“段落”键来存储数据。你可以使用不同的字符串作为关键字。尽管如此，我可能会选择Justinas的解决方案。 – Carcigenicate

存储你的数据作为JSON：

var data = [{Title: '', Paragraph: ''}]; 
localStorage.setItem("items", JSON.stringify(data));

当你需要更新/添加信息，只是采取的JSON，解析它，编辑并放回比：

var data = JSON.parse(localStorage.getItem("items")); 
data.push({Title: 'a', Paragraph: ''}); 
localStorage.setItem("items", JSON.stringify(data));

来源

2017-01-23 13:35:36 Justinas

所以我保留我以前的代码，或者我改变了整个事情？ –

@LamJunWei更好的重构所有代码 – Justinas

我会尽力！谢谢！ –

如何添加更多到LocalStorage而不是覆盖它？

回答

相关问题