JAVASCRIPT網頁應用程式設計

模型（Model）和資料

|

55

// 設定資料值

localStorage["someData"] = "wem";

WebStorage API 還有提供更多的功能 :

// 取得資料項的筆數

var itemsStored = localStorage.length;

// 設定資料項（採用 hash 語法）

localStorage.setItem("someData", "wem");

// 取出先前設定的資料項，如果找不到就回傳 unknown

localStorage.getItem("someData"); //=> "wem";

// 刪除一筆資料項，如果找不到會回傳 null

localStorage.removeItem("someData");

// 清除所有的資料項

localStorage.clear();

資料一律是以字串格式儲存，如果想要儲存物件、數字格式的資料，就得先自行轉換為

字串格式。你可以利用 JSON 來進行這樣的轉換：儲存資料前，把物件序列化（serialize）

成 JSON 字串；取得資料後，對 JSON 字串進行反序列化（deserialize）的處理：

var object = {some: "object"};

// 先序列化成字串，再儲存資料

localStorage.setItem("seriData", JSON.stringify(object));

// 先取得資料，再反序列化成物件

var result = JSON.parse(localStorage.getItem("seriData")); ...