LocalStorageの簡単な使用方法のサンプル

目的

備忘録を兼ねて。
LocalStorageに連想配列をJSONで保存／読み込み、保存のサンプル。
保存／取得にキーを指定する必要があるが、連想配列のキーと識別するため、本文中では当該キーをストレージキーと記述する。

サンプルソース

保存

let json_data={"キー1": "値1", "キー2": "値2", ...};
localStorage.setItem(ストレージキー, JSON.stringify(json_data));

取得

let raw_data=localStorage.getItem(ストレージキー);
if(raw_data==null) return {}; //エラー処理: 当サンプルでは空の連想配列を返していますが、適宜修正してください
let json_data=JSON.parse(raw_data);

ストレージキーで指定した情報の削除

localStorage.removeItem(ストレージキー);

LocalStorageの全削除

localStorage.clear();