看到 storage 這個字就知道這兩個字是和儲存有關係。

在沒有 Web storage 之前，可以將使用者小量的資料存在 client 端的 cookie 內。

之前我們談過 cookie 了，今天來看一下 Web storage。

Web Storage

網頁儲存有分兩種： LocalStorage 和 sessionStorage

存取 localStorage

首先，我們要先確認瀏覽器支不支援 localStorage

if (typeof(Storage) !== "undefined") {
    // Code for localStorage/sessionStorage.
} else {
    // Sorry! No Web Storage support..
}

在 HTML5 標準，Web Storage 只允許儲存字串資料，有三種方法可以使用：

1. Storage 物件的 setItem 及 getItem 方法
2. 陣列索引
3. 屬性

Storage 物件的 setItem 及 getItem 方法

Storage 物件的 setItem 及 getItem 方法，

儲存是使用 setItem 方法：

localStorage.setItem(key, value);

例如:

我們想指定一個 localStorage 變數為 upData，並指定它的值為 123，code 可以這樣寫：

localStorage.setItem('upDate', '123');

讀取 upData 資料時，則使用 setItem 方法：

localStorage.getItem('upDate');

除了上述的兩種方法，

拿到全部的資料：

let b = localStorage.valueOf();
console.log(b);	

拿到 key 的值：

let c = localStorage.key(1);
console.log(c);	

删除資料：

localStorage.removeItem(key) ；

清空資料：

localStorage.clear();

陣列索引

儲存語法：

localStorage['upData'] = '123';

讀取語法：

let value = localStorage['upData'];

屬性

儲存語法：

localStorage.upData = '123';

讀取語法：

let value1 = localStorage.upData;

以上，明天見。