清除JavaScript中的localStorage？

有没有办法重置/清除JavaScript中的浏览器的localStorage？

使用此命令清除localStorage：

localStorage.clear();

如果要从用户的本地存储中删除特定的项目或变量，可以使用

localStorage.removeItem("name of localStorage variable you want to remove");

window.localStorage.clear(); //try this to clear all local storage

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

本地存储附加在全局存储上window。当我们在chrome devtools中登录localstorage时，我们看到它具有以下API：

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

1. localStorage.clear()：清除整个本地存储
2. localStorage.removeItem('myItem')：删除单个项目

首先，您需要检查以确保启用了localStorage。我建议这样做：

var localStorageEnabled = false;
try { localStorageEnabled = !!localStorage; } catch(e) {};

是的，您可以（在某些情况下）仅检查localStorage是否为窗口对象的成员。但是，有iframe沙箱选项（除其他外），即使您尝试访问索引“ localStorage”，也会引发异常。因此，出于最佳实践的原因，这是检查是否启用了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中的所有项目，则

localStorage.clear();

使用此清除所有存储的密钥。

如果您只想清除/删除特定的键/值，则可以使用removeItem（key）。

localStorage.removeItem('yourKey');

localStorage.clear();

要么

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

清除sessionStorage

sessionStorage.clear();

这是一个简单的代码，将使用javascript清除存储在浏览器中的本地存储

    <script type="text/javascript">

if(localStorage) { // Check if the localStorage object exists

    localStorage.clear()  //clears the localstorage

} else {

    alert("Sorry, no local storage."); //an alert if localstorage is non-existing
}

</script>

要确认localstorage是否为空，请使用以下代码：

<script type="text/javascript">

// Check if the localStorage object exists
if(localStorage) {

    alert("Am still here, " + localStorage.getItem("your object name")); //put the object name
} else {
    alert("Sorry, i've been deleted ."); //an alert
}

</script>

如果返回null，则将清除您的本地存储。

此处的代码为您提供了不想删除的密钥字符串列表，然后从本地存储中的所有密钥中筛选出这些密钥，然后删除其他密钥。

const allKeys = Object.keys(localStorage);

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

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