目录
- 前言
- 一、localStorage
- 二、sessionStorage
- 区别
- 总结
前言
什么是本地存储:把一些数据记录在浏览器中,是浏览器提供给我们的一些本地存储数据的机制,而本地存储分为两种分别是localStorage和sessionStorage,下面讲讲他们之间的区别和一般的使用方法。
一、localStorage
特点:
(1)会一直存在浏览器中,除非手动删除
(2)存储大小在5M左右
(3)它只能存储字符串格式的数据,所以最好在每次存储时把数据转换成json格式,取出的时候再转换回来。
方法:
(1)setItem(“key”,“value”):存储名字为key的一个值value,如果key存在,就更新value
(2)getItem(“key”):获取名称为key的值,如果key不存在则返回null
(3)removeItem(“key”):删除名称为“key”的信息,这个key所对应的value也会全部被删除
(4)clear():清空localStorage中所有信息
(5)key():键的索引
格式转换:
(1)JSON.stringify(); // 将json格式的数据(JavaScript 对象)转换成JSON格式的字符串
(2)JSON.parse(); //将JSON格式的字符串转换成JSON对象进行处理
二、sessionStorage
2、会话缓存(sessionStorage)
特点:
(1)、只要当前的会话窗口未关闭,存储的信息就不会丢失,即便刷新了页面或者在编辑器中更改了代码,存储的会话信息也不会丢失
(2)、存储大小在5M左右
方法:
(1)setItem(“key”,“value”):存储名字为key的一个值value,如果key存在,就更新value
(2)getItem(“key”):获取名称为key的值,如果key不存在则返回null
(3)removeItem(“key”):删除名称为“key”的信息,这个key所对应的value也会全部被删除
(4)clear():清空localStorage中所有信息
(5)length:获取存储对象长度
(6)key(0) :通过索引get对应的key名
区别
1.sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。
2.localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。
3.他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。
总结
以上就是我自己总结的有关本地存储的使用方法,可能有些地方存在问题,这些对于本地存储的基本使用已经算足够的,如果希望更深入的去了解本地存储,就需要我们在实际的使用过程中,不断的总结。总结我们遇到的实际的场景,并且场景中的具体的表现和实际解决思路。