LoginSignup
27
25

More than 5 years have passed since last update.

ローカルストレージの簡単な使い方

Posted at

業務とかではあまり使わないかもしれないけど、
ちょっとしたメモアプリを作るときに知っていると
便利なローカルストレージについて簡単な使い方を記載する

保存
key、valueの形で保存する


 localStorage.setItem(key,value)

取得
取得したい値のkeyを指定する


 localStorage.getItem(key)

削除
削除したい値のkeyを指定する


 localStorage.removeItem(key)

*全ての要素を取得したい場合

全ての要素を取得するという関数はなさそうなので、
以下のパターンで取得する。

①for...inを使う
for...in でストレージ内のkeyを取得し、
.get(key)で値を取得する

 for( var key in localStorage ){
     localStorage.get(key)
 }

②localStorage.key()を使う
.lengthで要素数がとれるので、for文でループする。
.key(i)でi番目のkeyが取得できるので、
.get(key)で値を取得する

 for( int i = 0; i < localStorage.length; i++ ){
     var key = localStorage.key(i)
     localStorage.get(key)
 }

27
25
0

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
27
25