如何手动清除localStorage中的数据

Posted 2023-03-22

1、首先前端一般是以对象的形式存数据，现在以对象的形式说怎么存。先声明一下需要存的对象。

2、接着存这个对象的数据，JSON.stringify是把数据转换成字符串的形式。

3、然后取对象数据，JSON.parse是把字符串数据转换为 javascript 对象。

4、最后如果想要删除localStorage中的某个对象数据，可以如下图这样操作。

5、最后如果想要全部清空可以直接使用下面的式子，localStorage.clear();，就完成删除了。

参考技术A 删除一条数据
localStorage.removeItem(“tKey“);
批量删除数据
localStorage.clear();
详细的可以去学习一下最近新出的视频《Buid New World》都是关于html5的知识本回答被提问者采纳

如何删除和清除所有localStorage数据[重复]

【中文标题】如何删除和清除所有localStorage数据[重复]

【英文标题】：How to remove and clear all localStorage data [duplicate]

【发布时间】：2012-05-29 10:54:05

【问题描述】：

我需要清除我在localStorage 中设置的所有数据。我的意思是当用户删除他们的帐户时，将localStorage 完全重置为null。

如何用一个简单的函数做到这一点？

我试过这个：

function clearLocalStorage()
    return localStorage= null;

但它并没有按预期工作。

【参考方案1】：

localStorage.clear();

应该可以。

【讨论】：

window.localStorage.clear(); //如果在离子上工作，即

sessionStorage.clear();删除会话存储数据。

在某些情况下你可能需要从窗口对象window.localStorage.clear();调用它

【参考方案2】：

如果你想从本地存储中删除/清除所有值而不是使用

localStorage.clear();

如果您想从本地存储中删除特定项目，请使用以下代码

localStorage.removeItem(key);

【讨论】：

嗨，@Talha。如果我不想删除特定项目，那么有没有办法做到这一点？例如'removeItemNotIn(key)'。提前致谢。

我找到了解决问题的方法：- if(localStorage.getItem(particularKey) == null) localStorage.clear();但是，如果您有更好的解决方案，请告诉我。谢谢。

【参考方案3】：

当从 window 对象访问它时，它只对我在 Firefox 中有效。

示例...

window.onload = function()

 window.localStorage.clear();

【参考方案4】：

使用.one 可确保仅执行一次而不是重复执行此操作。

$(window).one("focus", function() 
    localStorage.clear();
);

为了可读性，放几个 document.ready 事件监听器（如果需要其他事件多次执行）是可以的，只要不过度就行。

当您希望仅在首次打开网页或首次安装移动应用程序时清除本地存储时，.one 特别有用。

   // Fired once when document is ready
   $(document).one('ready', function () 
       localStorage.clear();
   );

【参考方案5】：

应该这样做：

function cleanLocalStorage() 
    for(key in localStorage) 
        delete localStorage[key];
    

不过，请小心使用它，因为用户可能在localStorage 中存储了其他数据，如果您删除它，可能会被打勾。我建议 a) 不将用户的数据存储在 localStorage 中或 b) 将用户的帐户内容存储在单个变量中，然后清除它而不是删除 localStorage 中的所有键。

---

编辑：正如 Lyn 指出的那样，你会很好地使用 localStorage.clear()。但是，我之前的观点仍然有效。