localStorage、sessionStorage的区别和用法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_33737087/article/details/84787328

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对象