目录

  • 前言
  • 一、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.他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。

总结

以上就是我自己总结的有关本地存储的使用方法,可能有些地方存在问题,这些对于本地存储的基本使用已经算足够的,如果希望更深入的去了解本地存储,就需要我们在实际的使用过程中,不断的总结。总结我们遇到的实际的场景,并且场景中的具体的表现和实际解决思路。