H5的本地保存localStorage、sessionStorage用法總結

 

localStorage: 方法存儲的數據沒有時間限制。

sessionStorage: 方法針對一個 session 進行數據存儲。當用戶關閉瀏覽器窗口后，數據會被刪除。

localStorage、和sessionStorage的用法:（localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem、removeItem、clear。下面以localStorage舉例）

 

（1） setItem 存儲 value

 

.setItem( key, value) 將value存儲到key字段。
例：localStorage.setItem("job", "basketballplayer")。

 

（2） setItem 存儲 json對象

localStorage 和 sessionStorage也可存儲Json對象，存儲時，通過JSON.stringify()將對象轉換為文本格式；讀取時，通過JSON.parse()將文本轉換回對象。

 

 var user = ｛

       name:"james", 
 
       job:"basketballplayer" 

｝

// 存儲值：將對象轉換為Json字符串

localStorage.setItem('user', JSON.stringify(user));
 
// 取值時：把獲取到的Json字符串轉換回對象

var userJsonStr = localStorage.getItem('user');

var userEntity = JSON.parse(userJsonStr);

console.log(userEntity.name); // => james

 

（3） getItem獲取value

.getItem(key) 獲取指定key本地存儲的值。
例：localStorage.getItem("job")。

 

（4）removeItem刪除key

.removeItem(key)刪除指定key本地存儲的值。
例：localStorage.removeItem("job");

 

（5）clear清除所有的key/value

.clear() 清除所有的key/value
例：localStorage.clear();