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()：localstorage全体をクリアします
2. localStorage.removeItem('myItem')：個々のアイテムを削除するには

まず最初に、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.clearwindowlocalStorage

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を使用してブラウザに保存されているlocalstorageをクリアする簡単なコードです

    <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が返された場合、localstorageはクリアされます。

このコードでは、削除したくないキーの文字列のリストを指定し、ローカルストレージ内のすべてのキーからそれらをフィルタリングしてから、他のキーを削除します。

const allKeys = Object.keys(localStorage);

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

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