【メモ書き】HTML5から提供されたlocalStorageAPIに配列やオブジェクトを入れる

localStorage

詳しくはインターネットを使うと色々出てくる.

クッキーよりも容量が大きいKVS（キーバリューストア）.
chromeやsafariなどだと5MB使える.
HTML5から提供されたAPI.
クッキーと違い毎回HTTPヘッダーに付加される訳でなく適宜取り出せる.

基本

// write
localStorage.setItem("name", "gogotanaka");

// read
localStorage.name
//=> "gogotanaka"

オブジェクトや配列を入れる

普通に入れてみる

localStorage.setItem("names", ["Tom", "Bob"]);
localStorage.names
//=> "Tom,Bob"

強制的に#toString()が呼ばれるっぽい

JSON.stringifyとJSON.parseを使う

localStorage.setItem("name", JSON.stringify(["Tom", "Bob"]));
JSON.parse(localStorage.names)
//=> ["Tom", "Bob"]

localStorage.setItem("obj", JSON.stringify(["Tom", "Bob"]))
JSON.parse(localStorage.obj)
//=> {name: "gogo", age: "22"}

ステキ

でも実運用する時は素直にいい感じのラッパーを使うのが良さそう.