localStorage へのデータ保存・読み込みに json を使う
localStorage を使う場面が増えてきたように思うけど、localStorage には Object をそのまま保存できないので、色々なキーで保存・読み込みをしないといけなくなり、相当めんどくさいです。間違えやすくもなりますしね。でも、json 形式で保存すると、そのままの形式で保存できるし、間違いもグッと減るし、なにより楽でいいですね。
【保存する場合】
var opt = {
browser: 'Chrome',
OS: 'Mac OS 10.8.2'
};
localStorage.setItem('data', JSON.stringify(opt));
browser: 'Chrome',
OS: 'Mac OS 10.8.2'
};
localStorage.setItem('data', JSON.stringify(opt));
【読み込む場合】
var data = JSON.parse(localStorage.getItem('data'));
console.log(data);
console.log(data);
【結果】
