ローカルストレージアレイから特定のアイテムを削除するにはどうすればよいですか？

Question

私は 'to do list'を作成しています。ユーザーは、クリックした後に新しいメモをリストに追加します。

追加されたすべてのデータをローカルストレージに保存しました。

ここで、クリックしたメモを配列から削除し、ローカルストレージに保存します。 私はこのコードを持っている：

**//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

あなたが唯一の関連するコードを提供するが、ちょうどここに物事をクリアする必要があるコメントで述べたように、ここに行く方法は次のとおりです。

• が空を持っているためにnotesの配列。
• localStorageにlocalStorage.setItem("savedNotes", JSON.stringify(notes))を介してこの配列を追加します。
• メモを追加するたびに、次の操作を行う必要があります。localStorageからnotes = JSON.parse(localStorage.getItem("savedNotes"))に戻してこの配列を解析します。
• 次に、新しいnoteをnotes.push(note)経由でこの配列に挿入します。
• この項目を再度localStorage.setItem("savedNotes", JSON.stringify(notes))に設定すると、localStorageの既存の項目が更新されます。

すべては、Storage.getItem()およびStorage.setItem()の方法に依存します。

アレイからnoteを削除するには、同じことをする必要があります。パースされた配列でこのメモを検索して削除することを期待してください。