本地存储有三种方法,分别是什么呢?
有localStorage、sessionStorage、和cookie三种方法
localStorage方法的使用
在使用本地存储之前我们先看一下localStorage它是一个什么
(1)、存储
需要使用 localStorage.setItem() 来进行存储 括号内可以写两个参数第一个参数是存储的数据的名字可以是除了函数以外的任何一个数据类型,一般用的就是字符串数据类型第二个参数是要进行本地存储的数据,这个数据也同样可以是任何数据类型的,但是存储对象时,则必须使用JSON.stringify来进行转JSON字符串 具体存储流程如下 可以右键检查找到Application再找到localStorage查看存储的信息
如果存储对象不进行JSON.stringify转化的话看一下后台效果
这里可以看到需要JSON.stringify转化一下
甚至可以看到数组自动变成了一个字符串它的括号没有了 所以得出结论这里存储的所有值都会变成字符串数据类型再看一下使用JSON.stringify后的效果
存储讲完了
(2)、读取
再来给大家讲一下 读取localStorage.getItem() 方法一般普通的数据类型不需要使用JSON.parse() 方法把数据转为JSON对象如果不转化一下的话输出会输出一个字符串直接把内容输出了因为前面存储的时候用 JSON.stringify() 方法将这个值转化为字符串了
这是没有转JSON对象的输出
这是通过JSON.parse方法转化JSON对象的输出
上者和下者之间有着明显的区别
没转化的打印直接为字符串格式没有对象和数组的性质,而转化后的就明显不一样了。
(3)、删除
删除也是比较简单的,你想删除谁直接使用localStorage.removeItem() 方法括号内写要删除的之前存好的名字即可。
(4)、清空
还有清空方法,也是比较简单的就是将所有使用清空方法前的本地存储删除localStorage.clear() 方法
这是清空之前的输出
这是使用清空方法后的输出
sessionStorage是本地存储的暂时性存储在你退出浏览器之后就会清除存储,而且刷新之后也还在而localStorage是本地存储的永久存储,就算退出浏览器也不会清除存储
就说这么多