localStorageでオブジェクトを格納する
wrote2012.05.30
localStorageは、近頃のブラウザやスマホで対応しているのでチョー便利。
そして文字列ではなく、オブジェクトを格納しようとするたびに、その方法を検索しちゃうので、いいかげん覚えたい。
テスト1
-
// セット
localStorage.test = {a : 'test'};
この方法だと、[object Object]という文字列が格納されるだけ・・・。
テスト2
-
// セット
localStorage.test = JSON.stringify({a : 'test'});- // 呼び出し
localStorage.test - // 呼び出し
この方法だと、{"a":"test"} という文字列を呼び出すだけ・・・。
ファイナルアンサー
-
// セット
localStorage.test = JSON.stringify({a : 'test'});- // 呼び出し
JSON.parse(localStorage.test); - // 呼び出し
これでバッチリ。
補足
ちなみにlocalStorageを扱えるかの判別処理
if (('localStorage' in window) && window['localStorage'] !== null) {
// OK
} else {
// NG
}
// OK
} else {
// NG
}
about me恐縮です
- 川上 武範(かわかみ たけのり)
- 1975年生。マークアップデザインエンジニア。
正しいマークアップ、デザインと文章の完全分離を意識したWebサイト制作が得意。ユーザー視点の情報設計を意識した制作、Web標準に準拠を前提にしたビジュアルデザイン制作の実現を目指して日々精進しています。
twitter : OnlyTwo