webstorage

webstorage是本地儲存，儲存在客戶端，包括localStorage和sessionStorage。

localStorage 

localStorage生命週期是永久，這意味著除非使用者顯示在瀏覽器提供的UI上清除localStorage資訊，否則這些資訊將永遠存在。存放資料大小為一般為5MB,而且它僅在客戶端（即瀏覽器）中儲存，不參與和伺服器的通訊。 

sessionStorage 

sessionStorage僅在當前會話下有效，關閉頁面或瀏覽器後被清除。存放資料大小為一般為5MB,而且它僅在客戶端（即瀏覽器）中儲存，不參與和伺服器的通訊。源生介面可以接受，亦可再次封裝來對Object和Array有更好的支援。 

localStorage和sessionStorage使用時使用相同的API： 

 新增一項

localStorage.setItem('myCat', 'Tom')

 獲取項

let cat = localStorage.getItem('myCat');

 移除某一項

localStorage.removeItem('myCat');

 移除所有項

localStorage.clear();

localStorage的鍵獲取 

 for(var i=0;i<storage.length;i++){
                var key=storage.key(i);
                console.log(key);
            }
 

儲存 的時候使用 JSON.stringify() 方法，來將JSON轉換成為JSON字串

取出 的時候使用 JSON.parse() 方法，將JSON字串轉換成為JSON物件