有没有办法用javascript重置/清除浏览器的localStorage?


当前回答

这里的代码给出了一个不想删除的键字符串列表,然后从本地存储中的所有键中筛选这些键,然后删除其他键。

const allKeys = Object.keys(localStorage);

const toBeDeleted = allKeys.filter(value => {
  return !this.doNotDeleteList.includes(value);
});

toBeDeleted.forEach(value => {
  localStorage.removeItem(value);
});

其他回答

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;
                }
            });

本地存储附加在全局窗口上。当我们在chrome devtools中记录本地存储时,我们看到它具有以下API:

我们可以使用以下API删除项目:

localStorage.clear():清除整个localStoragelocalStorage.removeItem('myItem'):删除单个项目

如果需要清除本地存储数据,请使用:

localStorage.clear()

要从本地存储中删除特定项目,请执行以下操作:

localStorage.removeItem('Item')

这里有一个函数,允许您删除所有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);
    }
  }
};

如果有人正在寻找在浏览器选项卡关闭时清除localStorage的方法,下面的代码是有效的。(示例用例:将一些复制的数据保存在localStoarge中,以粘贴到另一个选项卡上,但同时,需要缓存在所有以前的选项卡关闭时不显示在新选项卡上)

window.onbeforeunload=()=>{//获取具有指定密钥的localStorage项const storage=JSON.parse(localStorage.getItem('MY_KEY'));//清除缓存(如果存在)if(!isNil(存储))localStorage.removeItem('MY_KEY');};

它将一个eventListener添加到窗口中,以检测选项卡关闭,并在关闭之前清除选项卡的localStorage(指定键)。它不会清除其他选项卡上的localStorage(相同密钥)。

这是一个很好的解决方案,如果我们想只在关闭的选项卡中清除localStorage,并保持其他选项卡上的localStorage(相同键)不变。

因此

只要用户打开一个选项卡,用户就可以利用localStorage缓存,并且关闭所有选项卡后,localStorage将不会出现在新的选项卡。