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();