[宅] html5筆記 - Local Storage

最近用Local Storage的html5當成一個類似client端的DB來做一點小應用
當中發現了一點小心得，在此紀錄一下：

localStorage是html5規格下，直接存在於window物件底下的Object，他的腳色跟cookie有點像，但是容量比較大，也不用每次都傳回給server。
美中不足的是，你要存入的資料都必須以string的形式做儲存

localStorage.test={};//這樣應該是Object吧
typeof(localStorage.test);//結果是String....Orz

所以在使用他的時候我們就要稍微用一點心思了，而JSON的.stringify()以及.parse()正好適合處理這樣的問題！

首先，我們在localStorage中建立一個名為test的property：

localStorage.test="{}";

為什麼要刻意在字串中加入上下括號呢?這是因為雖然我們只能以字串方式存入localStorage，但是可以寫成json的格式，再以JSON.parse()將他轉成真正的物件，讀寫完畢後再以JSON.stringify()轉成字串，存回去就好了。