Schieben von Arrays; Speichern von mehr als einem Wert in einem einzigen Schlüssel

Question

Ich versuche, mehrere Werte (Titel) in einem einzigen Schlüssel zu speichern. Ich fordere den Benutzer auf, den Titel zuerst einzugeben und dann in "Titel" zu speichern. Wenn ich jedoch mehrere Werte eintrage, wird nur ein Wert an den Schlüssel 'Titel' angehängt. Außerdem heißt es, dass title.push keine Funktion ist.

//get the title from user 
var title = prompt("What would you like your title to be?"); 
localStorage.setItem(title, editElem.innerHTML); 

//save the editor contents to local storage based on title 
document.getElementById("update").innerHTML = "Edits saved!"; 
var theDiv = document.getElementById("Contentable"); 
var content = document.createTextNode(title); 
theDiv.appendChild(content); 
var br = document.createElement("br"); 
theDiv.appendChild(br); 

//save the all titles in array so you know what documents exist 
var titles = localStorage.getItem("titles"); 
if(titles == null) 
    titles = new Array(); 
if(titles.indexOf(title) < 0) 
    titles.push(title); 
localStorage.setItem("titles", titles); 

Answer 1

Verwenden Sie das folgende Objekt, um Titel in den Speicher zu schieben. Beachten Sie, wie JSON.stringify konvertiert von Array zu string, und wie JSON.parse das Gegenteil tut.

var titlesStore = 
     { 
      Count: function() { 
       var stack = JSON.parse(localStorage.getItem("titles")); 
       if (!stack) 
        return 0; 
       return stack.length; 
      }, 
      Peek: function() { 
       var stack = JSON.parse(localStorage.getItem("title")); 
       if (!stack) 
        stack = []; 
       if (stack.length > 0) 
        return stack.pop(); 
      }, 
      Push: function (token) { 
       var stack = JSON.parse(localStorage.getItem("titles")); 
       if (!stack) 
        stack = []; 
       stack.push(token); 
       localStorage.setItem("title", JSON.stringify(stack)); 
      }, 
      // more methods to you might wish to implement: search, insert, etc. 
     } 

    // usage: 
    titlesStore.Push("new title"); // sets the last title 
    titlesStore.Peek(); // gets the last title ;