agregar objects a la matriz en localStorage

Ok, he intentado seguir ejemplos aquí, sé que podría haber algunas maneras diferentes de agregar objects a una matriz en el almacenamiento local y no sobrescribirlo, pero no puedo encontrar al less uno de ellos.

Obtuve este código para almacenar objects en una matriz, pero se sobrescribe a sí mismo. ¿Puede alguien mostrarme qué me estoy perdiendo? (Y me temo que podría extrañarme mucho).

function addEntry() { var entryTitle = document.getElementById("entryTitle").value; var entryText = document.getElementById("entryText").value; var entry = { "title": entryTitle, "text": entryText }; localStorage.setItem("entry", JSON.stringify(entry)); var allEntries = []; allEntries.push(entry); localStorage.setItem("allEntries", JSON.stringify(allEntries)); }; 

2 Solutions collect form web for “agregar objects a la matriz en localStorage”

Cuando usa setItem , sobrescribe el elemento que estaba allí antes. getItem usar getItem para recuperar la list anterior, anexarla y luego savela en localStorage:

 function addEntry() { // Parse any JSON previously stonetworking in allEntries var existingEntries = JSON.parse(localStorage.getItem("allEntries")); if(existingEntries == null) existingEntries = []; var entryTitle = document.getElementById("entryTitle").value; var entryText = document.getElementById("entryText").value; var entry = { "title": entryTitle, "text": entryText }; localStorage.setItem("entry", JSON.stringify(entry)); // Save allEntries back to local storage existingEntries.push(entry); localStorage.setItem("allEntries", JSON.stringify(existingEntries)); }; 

Aquí hay un violín que demuestra lo anterior.

Quizás solo necesites search las inputs antes de presionar la nueva:

 var allEntries = JSON.parse(localStorage.getItem("allEntries")) || []; allEntries.push(entry); //etc... 
  • ¿Cuándo caducan los artículos en el almacenamiento local HTML5?
  • Dominio cruzado, comunicación cruzada entre páginas que cooperan
  • Cargando una image a localStorage y configurando una image src en esa location
  • EmberJS: logging con hasMany relación no se carga
  • ¿Hay alguna diferencia entre: window.localStorage y localStorage?
  • LocalStorage matriz de event handling objects
  • Almacenar datos específicos de la pestaña del browser
  • ¿Cómo cambio un solo valor dentro de un elemento localStorage?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.