【JavaScript】localStorageとsessionStorageの違い

はじめに

この記事ではlocalStorageとsessionStorageの違いについて解説します。

Next.jsにおけるlocalStorageの実装方法は以下の記事で解説しています。

Next.jsにおけるsessionStorageの実装方法は以下の記事で解説しています。

Storageとは

Storage(ストレージ)とはデータの保管場所を表しています。

Storageを使用すると、データをローカル環境に保存することができます。

特にWeb Storageの場合はローカルのブラウザにデータを保存することができます。

以降ではStorageはWeb Storageを指すこととします。

また、保存するだけでなく、保存したデータを取得して使いまわすことができます。

保存形式

Storageの保存形式は基本的に文字列形式となっています。

JSON文字列を使用して保存すると便利に使用できます。

Storageの種類

Storageの種類には以下の２つが存在します。

1. localStorage
2. sessionStorage

以降で詳しく説明します。

localStorage

localStorageは永続的にデータをローカル環境に保存することができます。

sessionStorage

sessionStorageは一時的にデータを保存することができます。

例えば、Webブラウザのウィンドウを閉じるタイミングで保存したデータは削除されます。

同じページを複数のウィンドウで開いた場合は各ウィンドウごとにデータが保存されます。

関連記事

おわりに

本記事ではlocalStorageとsessionStorageの違いについて解説します。

是非、いいねやコメントをお願いします。