JavaScriptでブラウザのセッションストレージ（Session Storage）の中身を全て削除する方法をご紹介します。

セッションストレージの全削除方法

セッションストレージの全データを削除するには、`sessionStorage.clear()`メソッドを使用します。

sessionStorage.clear();

このコードを実行するだけで、現在のオリジン（ドメイン）のセッションストレージに保存されている全てのデータが削除されます。

動作確認用のサンプルコード

以下のコードで動作確認ができます：

// データを保存
sessionStorage.setItem('user', 'John');
sessionStorage.setItem('age', '30');

// 保存されているデータを確認
console.log('削除前:', sessionStorage.getItem('user')); // "John"
console.log('削除前:', sessionStorage.getItem('age')); // "30"

// 全データを削除
sessionStorage.clear();

// 削除後のデータを確認
console.log('削除後:', sessionStorage.getItem('user')); // null
console.log('削除後:', sessionStorage.getItem('age')); // null

注意点

1. `clear()`メソッドは取り消しができません

2. 現在のオリジンのデータのみが削除対象です

3. 他のタブやウィンドウのセッションストレージには影響しません

関連するメソッド

セッションストレージには他にも以下のような便利なメソッドがあります：

  • `setItem(key, value)`: データの保存
  • `getItem(key)`: データの取得
  • `removeItem(key)`: 特定のデータの削除
  • `length`: 保存されているデータの数を取得

まとめ

`sessionStorage.clear()`メソッドを使用することで、簡単にセッションストレージの全データを削除できます。データの削除は永続的なので、使用する際は十分注意しましょう。

参考リンク

  • [MDN Web Docs - Storage.clear()](https://developer.mozilla.org/ja/docs/Web/API/Storage/clear)
  • [MDN Web Docs - Window.sessionStorage](https://developer.mozilla.org/ja/docs/Web/API/Window/sessionStorage)