0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

localStorageまとめ

Posted at

業務でlocalStorageを取り扱うことがあったのでメモ。

localStorageとは?

javascript利用することでユーザーのデータをwebブラウザ(ローカル環境)に保存することができる仕組み

構文

localStorage にデータを保存

localStorage.setItem('key', 'value');

key, valueの形で保存できる。連想配列

localStorage に保存したデータを取得

const data = localStorage.getItem('key');

keyを指定すれば、dataにvalueが代入される

localStorage に保存したデータを削除

localStorage.removeItem('key')

keyを指定すれば、kyeとvaluがセットで消える

localStorage の文字数期限

  • 保存可能な文字数期限はブラウザ毎に異なっていて、主要なブラウザでは最大5MB

  • これは、キー名単位ではなくドメイン単位での文字数制限

localStorage の有効期限

  • 有効期限はない
  • ユーザーがブラウザの機能を利用してデータを削除するか、removeItem()やStorage.clear()が実行された場合のみデータが破棄される
0
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?