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... 
  • Cargando una image a localStorage y configurando una image src en esa location
  • localStorage no fiable en Firefox
  • Almacenamiento local de Internet Explorer
  • ¿Cómo elimino un object JSON de localStorage, de acuerdo con los datos asignados al elemento actualmente seleccionado?
  • ¿Cómo puedo mostrar todas las variables guardadas localStorage?
  • Guardar y cargar una image de localStorage
  • Diferencia entre ngStorage y $ window.localStorage
  • Weird IE8 interno ] comportamiento del atributo
  • Cómo get el tamaño de almacenamiento html5 total utilizado por la aplicación actual
  • Guarde files completos utilizando localStorage
  • ¿Es posible almacenar el valor integer en localStorage como en los objects Javascript y extraerlo sin encasillar?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.