javascript localStorageの簡単な使い方

javascript localStorageの簡単な使い方

javascriptで、データをブラウザ上に保存できるlocalStorageの簡単な使い方を記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

localStorage使い方

まずは、localStorageが使用できるブラウザを判定します。

次に、setItemメソッドを使用して、localStorageに値を保存してみます。構文は以下となります。

json形式のデータを保存。localStorageへの保存期間は無制限です。

保存されたデータは、Developer ToolsのApplicationタグより確認することが可能です。

次に、getItemメソッドを使用して、保存したlocalStorageのデータを取得してconsoleに表示してみます。

さきほど作成したlocalStorageから取得します。

Consoleに表示されていることが確認できます。

キーを削除する場合は、removeItemを使用します。

全て削除する場合は、clearメソッドを使用します。