So entfernen Sie bestimmte Elemente aus dem lokalen Speicherarray?

Question

Ich erstelle eine 'Aufgabenliste', der Benutzer fügt nach dem Klicken neue Notizen in die Liste ein.

Ich habe alle angehängten Daten im lokalen Speicher gespeichert.

Jetzt möchte ich die angeklickte Notiz aus dem Array entfernen und sie wieder in den lokalen Speicher speichern. ich diesen Code haben:

**//Here i get the note** 
    var getNote = JSON.parse(localStorage.getItem("savedNotes")) || []; 
     $("#notes-section").append(getNote); 

    **//Here i set the note** 
     getNote.push(note); 
     localStorage.setItem("savedNotes", JSON.stringify(getNote)); 



**//Here i want to remove the note from the array** 
    $(document).on('click', '.pin', function() { 
$(this).parent().css({opacity: 1.0, visibility: "visible"}).animate({opacity: 0}, 2000); 

    for(var i =0 ; i < getNote.length; i++){ 

    getNote.splice(i,1); 


     localStorage.setItem("savedNotes", JSON.stringify(getNote)); 
    } 

}); 

Answer 1

Wie in den Kommentaren angegeben Sie nur einen entsprechenden Code zur Verfügung stellen müssen, sondern nur die Dinge hier zu räumen, die Art und Weise hier zu gehen:

• ein leeres haben Array von notes.
• Fügen Sie dieses Array zu localStorage über localStorage.setItem("savedNotes", JSON.stringify(notes)) hinzu.
• Jedes Mal, wenn Sie eine Notiz hinzufügen, müssen Sie folgendes Array analysieren: localStorage mit notes = JSON.parse(localStorage.getItem("savedNotes")).
• Dann drücken Sie die neue note in dieses Array über notes.push(note).
• Dann setzen Sie dieses Element erneut mit localStorage.setItem("savedNotes", JSON.stringify(notes)), es wird Ihr vorhandenes Element in der localStorage aktualisieren.

Es beruht alles auf Storage.getItem() und Storage.setItem() Methoden.

Und um ein note aus dem Array zu entfernen, müssen Sie dasselbe tun, erwarten Sie, dass Sie im analysierten Array nach dieser Notiz suchen und sie entfernen werden.