有没有办法用javascript重置/清除浏览器的localStorage?
当前回答
如果要从用户的本地存储中删除特定项或变量,可以使用
localStorage.removeItem("name of localStorage variable you want to remove");
其他回答
如果要清除存储在localStorage中的所有项目,则
localStorage.clear();
使用此选项清除所有存储的密钥。
如果您只想清除/删除特定的键/值,则可以使用removeItem(键)。
localStorage.removeItem('yourKey');
本地存储附加在全局窗口上。当我们在chrome devtools中记录本地存储时,我们看到它具有以下API:
我们可以使用以下API删除项目:
localStorage.clear():清除整个localStoragelocalStorage.removeItem('myItem'):删除单个项目
localStorage.clear();
or
window.localStorage.clear();
清除特定项目
window.localStorage.removeItem("item_name");
要按id删除特定值,请执行以下操作:
var item_detail = JSON.parse(localStorage.getItem("key_name")) || [];
$.each(item_detail, function(index, obj){
if (key_id == data('key')) {
item_detail.splice(index,1);
localStorage["key_name"] = JSON.stringify(item_detail);
return false;
}
});
首先,您需要检查以确保已启用localStorage。我建议这样做:
var localStorageEnabled = false;
try { localStorageEnabled = !!localStorage; } catch(e) {};
是的,您可以(在某些情况下)检查localStorage是否是窗口对象的成员。然而,如果您甚至试图访问索引“localStorage”,则会有iframe沙盒选项(以及其他选项)引发异常。因此,出于最佳实践的原因,这是检查是否启用了localStorage的最佳方法。然后,您可以这样清除localStorage。
if (localStorageEnabled) localStorage.clear();
例如,您可以在类似这样的webkit浏览器中发生错误后清除localStorage。
// clears the local storage upon error
if (localStorageEnabled)
window.onerror = localStorage.clear.bind(localStorage);
在上面的示例中,您需要.bind(window),因为如果没有它,localStorage.clear函数将在window对象的上下文中运行,而不是localStorage对象使其自动失败。要演示这一点,请看以下示例:
window.onerror = localStorage.clear;
与以下内容相同:
window.onerror = function(){
localStorage.clear.call(window);
}
这里有一个函数,允许您删除所有localStorage项,但有例外。这个函数需要jQuery。你可以下载要点。
你可以这样称呼它
let clearStorageExcept = function(exceptions) {
let keys = [];
exceptions = [].concat(exceptions); // prevent undefined
// get storage keys
$.each(localStorage, (key) => {
keys.push(key);
});
// loop through keys
for (let i = 0; i < keys.length; i++) {
let key = keys[i];
let deleteItem = true;
// check if key excluded
for (let j = 0; j < exceptions.length; j++) {
let exception = exceptions[j];
if (key == exception) {
deleteItem = false;
}
}
// delete key
if (deleteItem) {
localStorage.removeItem(key);
}
}
};
推荐文章
- 在Redux应用程序中哪里写localStorage ?
- 如何在ReactJS中从“外部”访问组件方法?
- 为时刻添加持续时间(moment.js)
- 如何在JavaScript中获得时区名称?
- 在JSON键名中哪些字符是有效的/无效的?
- jQuery中的live()转换为on()
- 如何区分鼠标的“点击”和“拖动”
- IE9是否支持console.log,它是一个真实的功能吗?
- Node.js同步执行系统命令
- 如何转义JSON字符串包含换行字符使用JavaScript?
- jQuery等价于JavaScript的addEventListener方法
- jQuery需要避免的陷阱
- JavaScript中变量字符串的XML解析
- 'React'指的是一个UMD全局,但当前文件是一个模块
- 为什么useState不触发重新渲染?