我们是否可以在localStorage[closed]上只删除一个元素？

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了我们是否可以在localStorage[closed]上只删除一个元素？相关的知识，希望对你有一定的参考价值。

我知道我们可以用removeItem(key)删除一组项目，但是我们可以只删除里面的一个值吗？举个例子，我有我的键 "todo"，里面有 ["test1", "test2", "test3"]我想只删除 "test2"。怎么办？"拆分 "函数不起作用......谢谢你的帮助。

答案

你需要使用 JSON.stringify 当设置对象为本地存储和 JSON.parse 当 getItem 从localStorage和使用 filter 删除test2，如下图所示

let arr = ["test1", "test2", "test3"];

localStorage.setItem("test", JSON.stringify(arr));


var stored = JSON.parse(localStorage.getItem("test"))

var removedtest2 = stored.filter(c=>c !== 'test2')

localStorage.setItem("test", JSON.stringify(removedtest2));


let arr = ["test1", "test2", "test3"];

localStorage.setItem("test", JSON.stringify(arr));


var stored = JSON.parse(localStorage.getItem("test"))

var removedtest2 = stored.filter(c=>c !== 'test2')

localStorage.setItem("test", JSON.stringify(removedtest2));

以上是关于我们是否可以在localStorage[closed]上只删除一个元素？的主要内容，如果未能解决你的问题，请参考以下文章

LocalStorage 数据导入MongoDB

HTML5 本地存储后备解决方案 [关闭]

如何在Blazor中访问浏览器localStorage？

是否有用于 localStorage 的 Javascript 库来模拟 SQLite

localstorage

是否可以将 File 对象保存在 LocalStorage 中，然后当用户返回页面时通过 FileReader 重新加载文件？