JavaScript　ストレージの内容をすべて削除する方法

JavaScriptでブラウザのストレージに保存された情報を一括で削除する方法を解説します。

localStorageとsessionStorageに保存された情報を一括で削除する方法を教えてください。

localStorage.clear()とsessionStorage.clear()メソッドを呼び出すことで、それぞれのオブジェクトに保存された情報を一括で削除することができます。また、特定のキーと値の組み合わせだけを削除する場合は、removeItem()メソッドを使います。

受講者数No.1！初心者からプロへ導く信頼のスクール

短期間で習得可能！未経験から実践力を磨く充実のプログラム

テックアカデミー公式ページへ ≫

今なら無料相談でAmazonギフトカードがもらえる！

ストレージとは何か？

ブラウザのストレージは、ウェブサイトから情報を保存しておくことができる領域です。localStorageやsessionStorageといった種類があり、キーと値の形式でデータを格納することができます。

すべてのストレージを削除する方法

localStorageやsessionStorageの全ての内容を削除するには、それぞれのオブジェクトに備わっているclear()メソッドを呼び出します。以下がサンプルコードです。

localStorage.clear();
sessionStorage.clear();

これで、localStorageやsessionStorageに保存されたすべての情報が一括で削除されます。もし、特定のキーと値の組み合わせだけを削除したい場合は、そのキーに対応する値をnullに設定することで実現できます。

localStorage.setItem("key1", "value1");
localStorage.setItem("key2", "value2");
localStorage.removeItem("key1");

上記のコードでは、最初に"key1"と"key2"というキーと値の組み合わせをlocalStorageに保存しています。そして、removeItem()メソッドを使って"key1"に対応する値を削除しています。これにより、"key1"と"value1"の組み合わせがlocalStorageから削除されます。

リスキリングでキャリアアップしてみませんか？

リスキリング(学び直し)は、経済産業省が推奨しており、

今だけ、最大７０％のキャッシュバックを受けることができます。