javascript - 如何向 LocalStorage 添加更多内容而不是覆盖它？

Question

我正在制作一个博客，我想将更多内容存储到本地存储中，而不是只存储一个。我该怎么做？

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");
}

Answer 1

将数据存储为 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));