【Javascript】localStorageに保存、取得、削除

プログラミング

2019.08.08

ショートカット

localStorageに保存、取得、削除する

localStorageを使う機会はあまりなくなってきたかも知れませんが、たまに必要になる場合があります。

毎回使い方を調べるのもあれなので、基本的な操作について簡潔に書いておきます。

localStorageにデータを保存するコード例は下記です。

localStorage.setItem('token', 'ABC123');

引数はkey, valueの順で渡します。valueは文字列しか渡せないので、配列やオブジェクトなどを保存したい場合はJSON.stringify()を使ってJSON化したものを渡せばOKです。

localStorageからデータを取得するコード例は下記です。

let token = localStorage.getItem("token");

取得したいデータのkeyを指定して取り出せます。JSONを保存している場合、取得したデータをJSON.parse()で変換すればOKです。

localStorageからデータを削除するコード例は下記です。

localStorage.removeItem("token");

削除したいデータのkeyを指定して削除します。また、下のように書くと全てのデータを削除できます。

localStorage.clear()

localStorageの操作について、詳細は下記公式ページを参照してください。